我可以在不每次声明模板的情况下扩展Angular 2组件吗

Question

我有以下矮人 。 但是，这很简单，现在我想利用TS Inheiratence，因此我创建了另一个像这样的构造函数...

constructor(items: Array<NavItem>){
  this.items = items;
  console.log("New Route Called")
}

所以我想做这样的事情...

@Component({
  selector: "my-other-component"
})
export class MyOtherComponent extends App{
  constructor(){
    super([new NavItem("Other Test 1", "/test/1")]);
  }
}

我尝试过这样的事情，但无法正常工作 ...

但是然后我不得不多次导入模板，这是我想避免的。

Answer 1

代码正确。 似乎代码顺序对于plnkr很重要...我已经将App移到了开头，并且可以正常工作。 https://plnkr.co/edit/LukRyJ9OrzguyQlsgXxT?p=preview

您不必重复类的属性定义，因此我也删除了它们。 也很高兴知道您可以在App类中使用一个带有可选参数的构造函数：

constructor(items?: Array<NavItem>)

但是然后我不得不多次导入模板，这是我想避免的。

唯一不继承的是装饰器（类和方法），因此您基本上需要从父类复制它们。 没办法解决...希望对您有帮助。