Привязать свойство объекта из раскрывающегося списка к другому свойству объекта

Question

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

<data-table-column [property]="'CostTypeId'"
                   [header]="'Type'"
                   [sortable]="false"
                   [resizable]="true">
    <ng-template #dataTableCell let-item="item">
        <select class="form-control form-control-sm mt-1"
                [(ngModel)]="item.CostTypeId"
                [class.is-invalid]="validateCostType(item)">
            <option *ngFor="let type of recoveryCostTypes" [(ngValue)]="type.Id">{{type.Description}}</option>
        </select>
    </ng-template>
</data-table-column>

, но я не могу получить значение.Я продолжаю говорить, что свойство item.CostTypeId не определено.Возможно, я неправильно связываюсь?

Answer 1

Имеют другое свойство ngModel, скажем, «modelValue», и когда изменяется значение раскрывающегося значения, вызывается функция dropdownChange(), назначьте значение раскрывающегося списка selectedRow объекта данных.

<select class="form-control form-control-sm mt-1"
                [(ngModel)]="modelValue" (change)="dropdownChange(modelValue)"
                [class.is-invalid]="validateCostType(item)">
            <option *ngFor="let type of recoveryCostTypes" [(ngValue)]="type.Id"> 
            {{type.Description}}</option>
</select>

In.файл ts

modelValue: string;
selectedRow = {};

dropdownChange(value){
  selectedRow.CostTypeId = value;
}