Блог

У меня есть список объектов, которые можно расширять и редактировать, с несколькими выпадающими списками, которые заполняются при расширении. Каждая строка представляет собой объект типа Gama: { IdMaterial: 2,IdProveedor: 2, ..other props } в Onrow expand я заполняю выпадающий список внутри развернутой формы, вот так:

 onRowExpand(event){
this.gamaService.getMaterialesPorProveedor(event.data.IdProveedor).then(data => this.materialesPP =  data);
this.selectedMaterial = event.data.IdTipoMaterial;}
 

Итак, это.selectedMaterial = gama.IdTipoMaterial из расширенного объекта (даже не уверен, что это так)
materialesPP — это массив материальных объектов, поступающих из вызова API (от клиента, неприкасаемый):

 { IdTipoMaterial:number; NombreMaterial:string; IdProveedor:number;}
 

это мой выпадающий список:

 <p-dropdown dataKey="IdTipoMaterial"  [(ngModel)]="selectedMaterial" [options]="materialesPP" optionValue="IdTipoMaterial" optionLabel="NombreMaterial"></p-dropdown>        
 

Я также пробовал вообще без selectedMaterial:

 <ng-template pTemplate="rowexpansion" let-gama let-columns="columns" let-i="rowIndex">
    <tr [pEditableRow]="gama">
        <td [attr.colspan]="columns.length   1">
           <p-dropdown dataKey="IdTipoMaterial"  [(ngModel)]="gama.IdTipoMaterial"  [options]="materialesPP" optionValue="IdTipoMaterial" optionLabel="NombreMaterial"></p-dropdown>                    
 

Выпадающий список заполняется просто отлично, проблема в том, что он не выбирается с помощью gama.IdTipoMaterial

Я новичок как в angular, так и в primefaces, поэтому я почти уверен, что что-то напутал.

Здесь немного отчаянно, большое вам спасибо!