Question

以下代码：

...
@Component({
  selector: 'sitelink',
  properties: ['route: route, title: title, isHome: home, href: href']
})
@View({
  template: ''
})
export class SiteLink {
  constructor(@Optional() @Host() @SkipSelf() parentFrame: AppFrame, @Optional() @Host() @SkipSelf() parentLink: SiteLink) {
  }
...

在从TypeScript到JavaScript

的翻译过程中出现以下错误

at line 32, file app-frame.ts Argument of type 'typeof SiteLink' is not assignable to parameter of type 'Type'.
Component({
  selector: 'sitelink',
  properties: ['route: route, title: title, isHome: home, href: href']
})
at line 36, file app-frame.ts Argument of type 'typeof SiteLink' is not assignable to parameter of type 'Type'.
View({
  template: ''
})

仅使用一个构造函数参数按预期工作。从参数列表中删除注释时，它也不起作用。删除@Component和@View注释后，代码将进行编译。因此，错误必须与@Component注释相关。编辑：即使我用另一种类型（例如AppFrame）替换SiteLink参数，我也会得到相同的错误。

我使用alpha 36和DefinitelyTyped存储库中的最新d.ts文件。

Answer 1

可以使用前向引用在构造函数中注入类本身的实例：

constructor(@Inject(forwardRef(() => SiteLink)) siteLink) {
    this.name = nameService.getName();
}

有关详细信息，请参阅here。

Answer 2

正如Jesse Good写的那样，这是角度的d.ts文件的问题，请参阅https://github.com/angular/angular/issues/3972。

更换

  interface Type extends Function {
     new(args: any): any;
  }

与

  interface Type extends Function {
     new(...args): any;
  }

为我修好了。

Angular 2：具有多个依赖项的组件

2 个答案: