ng-repeat中的动态ng模型

时间:2014-06-30 09:38:40

标签: angularjs

我正在以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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

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

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