Rekursywnie umieszczone składniki, które nie są wyświetlane

Question

Mam następujący składnik, który wyświetla składniki podrzędne własnego typu dla każdego elementu w tablicy.

@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; 
} 

Ale pane elementy wewnątrz ngFor nie są wyświetlane zgodnie z oczekiwaniami - widzę prawidłową liczbę pane elementów, ale nie są one wypełnione treścią szablonów.

Answer 1

Dzieje się tak dlatego, że musisz zadeklarować własny typ komponentu we właściwościach dekoratora w wersji directives, tak jak w przypadku każdej innej dyrektywy.

dodania:

directives: [Pane] 

do metadanych komponentu wyniki oczekiwanego zachowania.