В строке таблицы данных Primeng не отображаются значения ячеек. - PullRequest
Новая
       8

В строке таблицы данных Primeng не отображаются значения ячеек.

0 голосов
/ 08 февраля 2019

Я использовал таблицу данных Primeng для отображения выбранных значений из углового выбора.

Всякий раз, когда выбирается опция в раскрывающемся меню, выбранные значения должны отображаться в таблице данных primeng.

Здесь проблемаЯ получил пустую строку вместо выбранного значения:

enter image description here

Код: 

 <mat-form-field fxFlex="50%">
   <mat-label>Select The NAICS Name Or NAICS Code.</mat-label>
   <mat-select multiple name="cnae"(selectionChange)="cnaeChangeValue($event)">
    <mat-option *ngFor="let cnae of listOfcnae.default.cnaeData" 
       [value]="cnae">
    {{cnae.TextField }}
     </mat-option>
   </mat-select>
</mat-form-field>
<p-table [columns]="cnaeCols" [value]="selectedCnaeValues" [paginator]="true"[rows]="10">
  <ng-template pTemplate="header" let-columns>
     <tr>
         <th *ngFor="let col of columns">
          {{col.header}}
         </th>
     </tr>
  </ng-template>
  <ng-template pTemplate="body" let-rowData let-columns="columns">
    <tr>
        <td *ngFor="let col of columns">
        {{rowData[col.filed]}}
      </td>
    </tr>
  </ng-template>
</p-table> 

ts code:
ngOnInit() {
this.cnaeCols = [
      { field:"RowNumber", header: "RowNumber"},
      { filed:"TextField", header: "TextField"},
      { field:"ValueField", header: "ValueField"},
    ]
}
 cnaeChangeValue(eventVal) {
    this.selectedCnaeValues.push(eventVal.value);
  }

And json value:
[
{
 "RowNumber": "1",
 "TextField": "1011201 - FRIGORÍFICO - ABATE DE BOVINOS",
  "ValueField": "168"
}
]

1 Ответ

0 голосов
/ 08 февраля 2019

Я думаю, что выпадающий список материалов (selectionChange)="cnaeChangeValue($event) при выделении возвращает все выделенные элементы в массиве, и вы пытаетесь вставить в него массив, поэтому в таблице не отображаются данные. 

cnaeChangeValue(eventVal) {
    this.selectedCnaeValues = eventVal.value; // Will work
  }

Решение Создано на stackblitz

Надеюсь, это поможет!

...