angularjs - 模型更改时更新表列答案

【问题标题】：angularjs - update table column when model changesangularjs - 模型更改时更新表列
【发布时间】：2014-11-25 18:17:22
【问题描述】：

我有一个基于控制器模型动态定义的数据表，如下所示：

<tbody>
    <tr ng-repeat="rec in grid.records">
        <td ng-repeat="col in grid.columns" 
            ng-init="value=rec[col.name]">
            <span ng-model="rec[col.name]">{{value}}</span>
        </td>
    </tr>
</tbody>

为什么在模型更改时 dataTable 列值不更新？

【问题讨论】：

你为什么使用ng-model作为非输入元素？
是的，我建议阅读有关 ngModel 的信息：official docs
其实我并没有用过ng-model，但是尝试了几次之后，我已经尝试使用了。
无论如何，我的没有 'ng-model' 的代码应该可以工作吗？
来自 Angular 文档：“ngInit 的唯一适当用途是为 ngRepeat 的特殊属性起别名”rec[col.name] 不是特殊属性。一个特殊属性的例子是$index。

标签： javascript angularjs angularjs-ng-repeat angular-ngmodel

【解决方案1】：

试试这个：

<tbody>
    <tr ng-repeat="rec in grid.records">
        <td ng-repeat="col in grid.columns">
            <span>{{rec[col.name]}}</span>
        </td>
    </tr>
</tbody>

【讨论】：

我创建了一个孤立的案例，使用 {{rec[col.name]}} 而不是 {{value}}，它可以工作。非常感谢。如果我的实际应用程序一直无法正常工作，我会通知您。
整个问题是我如何使用ng-init。谢谢。