Question

我正在每列动态加载一个表，行具有唯一的ID。如何使用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);
}

我的问题是我可以通过其ID将任何值分配给输入。

Answer 1

尝试在输入中使用[[ngModel）]，然后在更改该Model的值时在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.

我有ngFor生成的动态ID，如何更改输入的值？

1 个答案: