angular - *ngFor 不包含在 ng-content 中

Question

我需要在另一个组件中重复一个组件，比如说：

组件 A 在其 ng-content 中只接受 B 类型的组件。

做类似的事情：

<component-a>
    <ng-template ngFor [ngForOf]="items">
        <component-B></component-B>
    </ng-template>
</component-a>

或这个：

<component-a>
    <ng-container *ngFor="let item of items">
        <component-B></component-B>
    </ng-container>
</component-a>

不工作...

我无法修改组件-a 或组件-B，并且这些方法不会呈现组件-B ...

任何想法如何克服这个问题？

谢谢。

PS：我可能需要为每个项目添加多个组件-B。

Answer 1

解决了！通过使用

ngProjectAs="selector" 

ng-container 的属性！

Answer 2

我通常希望像下面这样简单的东西可以工作：

<component-a>
    <component-B *ngFor="let item of items">
    </component-B>  
</component-a>

或者使用 ngForOf 语法，并不重要。您是否可以提供更多信息以便更好地查明问题所在？