将数组项传递回组件(ng-content)(角度)(自定义组件)

时间:2017-12-21 02:30:17

标签: angular angular2-ngcontent

这可能是一个简单的投影配方,但我还没有找到答案, 简单的问题是

我有一个带有ng-content的循环,

所以我们说

自定义组分

在其视图文件中有这个

<div *ngFor="let tiledata of TileData">
    <ng-content></ng-content>
</div>

现在,如果我想访问单个实例的tileata并将其传递给html,就像这样的组件

<custom-component>
    {{tiledata.name}}
    <br>
</custom-component>

所以它应该像这样显示

bob
tim
skip

如此底线TileData的平铺数据将在组件内容中可用,以允许您编写html以显示列表

让我知道这是否有意义,

0 个答案:

没有答案