angular - 无法通过 ContentChildren 获取内容

Question

我的情况是我有一个包含 ng-content 的“项目”组件:

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

我想获取此内容的值，因此我使用 ContentChildren，我将“Item”指令作为选择器传递。

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

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

我在这里附上一个链接到plunker

在 elements 属性中，我希望拥有来自“App”组件的所有元素，这些元素已用“Item”指令标记。

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

我做错了什么吗？

Answer 1

您的 Item 组件选择器有误。应该是

[item] 因为您将它用作属性

Forked Plunker