在<ng-content>中投影ngFor模板并不起作用

Question

我正在开展Angular 4项目，并且我遇到了有关模板的问题。

让我更好地解释一下。 我的项目中有两个组件：

• SectionCompontent.ts
• HomeCompontent.ts

这些是相对的HTML模板

section.compontent.html

<div class="section">
    <div class="cards">
        <ng-content></ng-content>
    </div>
</div>

home.compontent.html

<section>
    <div *ngFor="let card of cards">
        <span>{{card.title}}</span>
    </div>
</section>

当我运行这个项目时，我希望在<ng-content>所在的SectionComponent中看到* ngFor的渲染内容。

不幸的是，这是我在DOM上看到的而不是<ng-content>：

<!--bindings={}-->

我添加了一些静态HTML标记，例如<p>和<h1>，并且允许它发挥作用。

你可以帮我解决这个问题吗？ 提前谢谢。