Question

我正在以JSON格式从数据库加载数据，如下所示：（$ scope.fees）：

{"1_0":"2000","1_1":"1900","1_2":"1800","1_3":"1700","1_4":"1600","1_5":"1500","1_6":"1400","1_7":"1300","2_0":"4000","2_1":"3900","2_2":"0","2_3":"0","2_4":"0","2_5":"0","2_6":"0","2_7":"0"}

这需要显示在表格（如网格）中，其中行和列不固定。这段代码现在适用于我：

<tbody data-ng-repeat="obj in courses"><!-- Courses JSON -->
<tr><th>{{obj.name}}</th></tr>
<tr data-ng-repeat="bat in obj.batches"><!-- Each course contains Batches -->
    <td>{{bat.bname}}</td>
    <td data-ng-repeat="obj in categories"><!-- Columns based on categories -->
      <input type="text" name="{{bat.bid}}_{{obj.id}}" data-ng-model="fees.1_0" />
    </td>
</tr>

data-ng-model="fees.1_0"实际上应该与name属性data-ng-model="fees.{{bat.bid}}_{{obj.id}}"一样，但这不起作用。有没有解决方案让这个工作？提前谢谢。

编辑：如果有更好的解决方案可以完成此操作，我可以更改JSON格式。目前的格式为batch<underscore>category: fees

Answer 1

尝试data-ng-model="fees[bat.bid + '_' + obj.id]"

Answer 2

检查Demo。这显示了如何从JSON对象动态附加模型。这对您有帮助。

就像javascript中的变量键在ng-model中使用[]一样，因为括号值必须是你的对象键

ng-repeat中的动态ng模型

2 个答案: