Angular2:p-dataTable中的自定义组件

时间:2017-03-24 23:23:53

标签: angular

我在我的一个项目中使用primefaces / angular2, 我想创建一个包含其p-dataTable组件并向其提供数据的列表组件。

我创建了一个非常简单的组件:

<p-dataTable [value]="data">
        <!--<ng-content></ng-content>-->
        <app-listing-column title="test"></app-listing-column>
        <p-column [header]="'title'">
            <template pTemplate="body">
                test
            </template>
        </p-column>
        <p-column *ngFor="let col of columns" [field]="col.key" [header]="col.title"></p-column>
</p-dataTable>

我还创建了另一个包含其列的组件(app-listing-column):

<p-column [header]="'title'">
    <template pTemplate="body">
        test
    </template>
</p-column>

ngFor中的列显示正确,但(app-listing-column)没有添加带有模板的新列到显示的列

我真正想要的是在p-dataTable组件中添加一个包含p-column 的自定义组件

**我只添加了html,因为没有与组件相关的逻辑

0 个答案:

没有答案