Primeng 下拉菜单在 table-angular 8 中不起作用
Primeng dropdown is not working in table-angular 8
试图获取 primeng 下拉列表但没有working.I不知道该怎么做it.If任何知道的人请帮助找到解决方案。
app.component.html:
<my-tabs (selectedTabClick)="test($event)">
<my-tab [tabTitle]="'Tab 1'" id="tab1" #tab1>
<app-data-table></app-data-table>
</my-tab>
<my-tab tabTitle="Tab 2" id="tab2" #tab2>
<app-provider-search></app-provider-search>
</my-tab>
</my-tabs>
数据-table.component.html:
<p-column field="missions" header="Missions">
<p-dropdown [options]="missons"></p-dropdown>
</p-column>
演示:https://stackblitz.com/edit/primeng-turbo-table-5e5ngc?file=app%2Fapp.component.html
您需要使用与 angular verion 兼容的 primeng 版本,primeng 具有与 angular verion
相同的版本号基
模板
<p-column field="missions" header="Missions">
<ng-template let-data="rowData" pTemplate="body">
<p-dropdown [options]="data.missions" [(ngModel)]="data.selectedValue"></p-dropdown>
</ng-template>
</p-column>
您需要将 primeng 选项值更改为标签对象,primeng 可接受选项数据的值基
ngOnInit() {
this.interactionHistories.forEach(row => {
if (row.missions) {
row.missions = row.missions.map(value => ({label:value, value}));
row.selectedValue = row.missions[0];
}
});
}
试图获取 primeng 下拉列表但没有working.I不知道该怎么做it.If任何知道的人请帮助找到解决方案。
app.component.html:
<my-tabs (selectedTabClick)="test($event)">
<my-tab [tabTitle]="'Tab 1'" id="tab1" #tab1>
<app-data-table></app-data-table>
</my-tab>
<my-tab tabTitle="Tab 2" id="tab2" #tab2>
<app-provider-search></app-provider-search>
</my-tab>
</my-tabs>
数据-table.component.html:
<p-column field="missions" header="Missions">
<p-dropdown [options]="missons"></p-dropdown>
</p-column>
演示:https://stackblitz.com/edit/primeng-turbo-table-5e5ngc?file=app%2Fapp.component.html
您需要使用与 angular verion 兼容的 primeng 版本,primeng 具有与 angular verion
相同的版本号基模板
<p-column field="missions" header="Missions">
<ng-template let-data="rowData" pTemplate="body">
<p-dropdown [options]="data.missions" [(ngModel)]="data.selectedValue"></p-dropdown>
</ng-template>
</p-column>
您需要将 primeng 选项值更改为标签对象,primeng 可接受选项数据的值基
ngOnInit() {
this.interactionHistories.forEach(row => {
if (row.missions) {
row.missions = row.missions.map(value => ({label:value, value}));
row.selectedValue = row.missions[0];
}
});
}