无法通过ContentChildren获取内容

时间:2017-11-13 13:26:27

标签: angular

我的情况是我有一个'项目'具有ng-content的组件:

@Component({
 selector: 'items'
 template: `<ng-content></ng-content>`
})

我想获得这些内容的价值,这就是为什么我使用ContentChildren传递我的&#39;项目&#39;指令作为选择器。

@ContentChildren(Item) elements: QueryList<Item>;

很遗憾,我无法获取任何数据。

我在此附加了plunker

的链接

在元素属性中,我想拥有来自&#39; App&#39;的所有元素。我用“&#39;项目”标记的组件。指示。

<items>
  <div item *ngFor="let num of nums">{{ num }}</div>
</items>

我做错了吗?

1 个答案:

答案 0 :(得分:3)

Item组件的选择器错误。它应该是

[item],因为您将其用作属性

<强> Forked Plunker