angular - Angular 2:属性注入(inject)，而不是构造函数注入(inject)

我能这样做吗：

export class BaseComponent {
protected config: IConfig;

@Inject(AppConfig) protected appConfig: AppConfig;

constructor()
{
    this.config = this.appConfig.getConfig();
}

而不是这个：

export class BaseComponent {
config: IConfig;

constructor(
    private appConfig: AppConfig,
    )
{
    this.config = appConfig.getConfig();
}

目标是简化构造函数签名，因此所有子组件都不需要在其构造函数中指定appconfig。因此，从basecomponent继承的组件如下所示：

@Component({
    selector: 'sport-templates',
    templateUrl: 'templates.component.html',
    styleUrls: [ 'templates.component.scss' ],
    encapsulation: ViewEncapsulation.None
})
export class SportTemplates extends BaseComponent implements OnInit {

    constructor() {
        super();
    }

而是这样：

@Component({
    selector: 'sport-templates',
    templateUrl: 'templates.component.html',
    styleUrls: [ 'templates.component.scss' ],
    encapsulation: ViewEncapsulation.None
})
export class SportTemplates extends BaseComponent implements OnInit {

    constructor(appConfig: AppConfig) {
        super(appConfig);
     }

最佳答案

你可以这样做：

myService: MyService = this.injector.get(MyService);
constructor(private injector:Injector) {}

喷油器位于@angular/core位置