У меня есть динамический идентификатор, сгенерированный ngFor, как я могу изменить значение ввода?

Question

Я загружаю таблицу динамически с каждым столбцом, строка имеет уникальный идентификатор. Как я могу динамически изменить значение ввода внутри ячейки по методу OnInit()?

Это мой HTML-столбец

<td><input class="form-control" placeholder="Title" value=""
           id="title5{{i5}}" name="title5{{i5}}">
</td>

и пытается назначить через

for (let i = 0; i < rowsFinal.length; i++) {

    let tempArray: any[] = rowsFinal[i];

    const title5 = <HTMLInputElement>document.getElementById('title5' + i);
    title5.value = 'aaa';
    console.log('title5' + i + "=" + title5.value);
}

Моя проблема в том, что я могу назначить любое значение для входа по его идентификатору.

Answer 1

Попробуйте использовать [(ngModel)] во входных данных, а затем в файле component.ts, когда вы изменяете значение этой Модели, оно будет обновляться во входных данных. Пример:

<tr *ngFor="let item of ListOfItems">
<td>
<input [(ngModel)]="item.SomeProperty"/>
</td>
</tr>

А потом в .ts файл.

this.ListOfItems[0].SomeProperty = "New Value"; //Use loop and condition for your specific object.