Primeng выпадающий не работает в table- angular 8 - PullRequest
Новая
       41

Primeng выпадающий не работает в table- angular 8

1 голос
/ 04 февраля 2020

Пытался получить раскрывающийся список, но не работает. Я не знаю, как это сделать. Если кто-нибудь знает, пожалуйста, помогите найти решение.

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>

data-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

1 Ответ

1 голос
/ 05 февраля 2020

вам нужно использовать и версия primeng совместима с angular verion, 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];
      }
    });
  }

demo ?

...