时间戳

首页 > 解决方案 > 参考动态键位字段（Angular）

angular - 参考动态键位字段（Angular）

问题描述

我已经动态创建了列标题，如果用户添加/删除列，它可以增加/减少大小。

在列标题中，我有一个动态创建的 keyup 字段。我想引用这些字段中的值（尽管不以表格形式保存它们）

引用这些字段的最佳方法是什么？

 <th *ngFor="let Col of Columns; let i=index">
    <input #columnInput[i] (keyup)="setColValues(columnInput[i].value,i)">
 </th>

使用引用变量（如上）将不起作用。

标签： angular

解决方案

Angular 模板语法不支持数组。但是你可以在没有[i]的情况下这样做。而且它会很好用，因为模板变量的范围有限（th）

<th *ngFor="let Col of Columns; let i=index">
    <input #columnInput (keyup)="setColValues(columnInput.value,i)">
 </th>

推荐阅读