Angular2:p-dataTable内部的自定义组件

Angular2:p-dataTable内部的自定义组件,angular,Angular,我在一个项目中使用primefaces/angular2, 我想创建一个列表组件,它封装了他们的p-dataTable组件并向其提供数据 我创建了一个非常简单的组件,如下所示: <p-dataTable [value]="data"> <!--<ng-content></ng-content>--> <app-listing-column title="test"></app-listing-col

我在一个项目中使用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>
<p-column [header]="'title'">
    <template pTemplate="body">
        test
    </template>
</p-column>

测试
我还创建了另一个组件(应用程序列表列),将其列包装为:

<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>
<p-column [header]="'title'">
    <template pTemplate="body">
        test
    </template>
</p-column>

测试
ngFor中的列已正确显示,但(应用程序列表列)未向显示的列添加带有模板的新列

我真正想要的是添加一个自定义组件,将p-column包装到p-dataTable组件中


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

请修改您的帖子,使其有意义。您能告诉我有什么不清楚的地方,使其更有意义吗?最近编辑的观点很有意义。阅读没有这一行的文章,并分析你的文章,使其有意义。你能告诉我什么不清楚,以便我能使它更有意义吗?最近编辑的观点是有意义的。阅读没有这一行的帖子并进行分析