typescript ContentChildren.ts

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了typescript ContentChildren.ts相关的知识，希望对你有一定的参考价值。

@Component({
  selector: 'tab',
  template: `
    <p>{{title}}</p>
  `,
})
export class TabComponent {
  @Input() title;
}

@Component({
  selector: 'tabs',
  template: `
    <ng-content></ng-content>
  `,
})
export class TabsComponent {
 @ContentChildren(TabComponent) tabs: QueryList<TabComponent>
 
 ngAfterContentInit() {
   this.tabs.forEach(tabInstance => console.log(tabInstance))
 }
}

@Component({
  selector: 'my-app',
  template: `
    <tabs>
     <tab title="One"></tab>
     <tab title="Two"></tab>
    </tabs>
  `,
})
export class App {}

以上是关于typescript ContentChildren.ts的主要内容，如果未能解决你的问题，请参考以下文章