我創建了一張帶有模板的卡片，該模板使用ng-content如下插槽：
<ng-content select="card-header"></ng-content>
<ng-content select="card-body"></ng-content>
<ng-content></ng-content>
<ng-content select="card-footer"></ng-content>
在CardComponent我試影像這樣獲取CardHeaderComponent參考@ViewChild：
@ViewChild(CardHeaderComponent)
header: CardHeaderComponent;
不過，根據中的日志陳述句，我看起來并不成功ngAfterViewInit：
console.log(this.header);
這是 Stackblitz 演示。
想法？
uj5u.com熱心網友回復：
而不是像這樣@ViewChild使用@ContentChildren：
@ContentChildren(CardHeaderComponent) header: QueryList<ElementRef>;
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/535474.html