我可以在不每次聲明模板的情況下擴展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>)

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

唯一不繼承的是裝飾器（類和方法），因此您基本上需要從父類復制它們。 沒辦法解決...希望對您有幫助。