遞歸放置的組件不顯示

Question

我有以下組件，它顯示了數組中每個元素自己類型的子組件。

@Component({ 
    selector:'pane', 
    template: ` 
     <pane [item]="item"> 
      <div> 
       <pane *ngFor="#subItem of item.subItems" [item]="subItem"></pane> 
      </div> 
      <div innerHtml="item.getContent()"></div> 
     </pane> 
    ` 
)} 
export class Pane { 
    @Input() item: any; 
} 

但預期不被顯示ngFor內pane部件 - 我看到pane正確的元素數，但它們不與模板的內容填充。

Answer 1

這是因爲您需要在裝飾器的directives屬性中聲明組件自己的類型，就像您使用其他指令一樣。

添加：

directives: [Pane] 

你的組件元數據 導致預期的行爲。