6
私は、ネストすることができるコンポーネントを持っていて、その子を照会しようとします。@ContentChildrenは一致するセレクタにクエリを実行すると、なぜself(this)を含むのですか?
@Component({
selector: "container",
template: `[{{this.children.length}}]<ng-content></ng-content>`
})
export class ContainerComponent {
@ContentChildren(ContainerComponent) public children:QueryList<ContainerComponent>;
}
しかし、QueryListはすべての子コンポーネントだけでなく、クエリコンポーネント自体(== this)を含むだけです。
<container>
<container></container>
<container></container>
</container>
出力は[2] [0] [0]ではなく[3] [1] [1]です。
https://plnkr.co/edit/mGuJEE60QUCXYb3jIYUx?p=preview
これを防止することができますか? DIには@SkipSelfがありますが、@ContentChildrenには適用されません。