2016-11-17 14 views
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には適用されません。

答えて

関連する問題