ModuleWithProviders<T>需要1个类型参数-角度-自动聚焦-修复

// user.service.ts
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class UserService {
  constructor() {}
}

// app.module.ts
import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { UserService } from './user.service';

@NgModule({
  imports: [CommonModule],
  declarations: []
})
export class AppModule {
  static forRoot(): ModuleWithProviders<AppModule> {
    return {
      ngModule: AppModule,
      providers: [UserService]
    };
  }
}

// child.module.ts
import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { UserService } from './user.service';

@NgModule({
  imports: [CommonModule],
  declarations: []
})
export class ChildModule {
  static forChild(): ModuleWithProviders<ChildModule> {
    return {
      ngModule: ChildModule,
      providers: [UserService]
    };
  }
}

// app.component.ts
import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `<input #inputField type="text">`
})
export class AppComponent implements AfterViewInit {
  @ViewChild('inputField') inputField: ElementRef;

  ngAfterViewInit() {
    this.inputField.nativeElement.focus();
  }
}

ngAfterViewInit() {
  setTimeout(() => {
    this.inputField.nativeElement.focus();
  }, 0);
}