我使用ng-repeat来填充我的表格。应该通过不同的函数调用再次动态填充表中的一列。
以下是我的代码段。
<tr ng-repeat="item in ctrl.items">
<td><span ng-bind="item.name"></span></td>
<td><span ng-bind="getItemDetails(item.id)"></span></td>
</tr>
我有一系列的项目。我需要在表格中显示这些项目。项目名称将出现在项目对象中,但是项目详细信息将由另一个需要项目ID的函数调用填充。
在使用 ng-bind 时(如上面的代码所示),我面临两个问题。
我不确定 ng-bind 是否是正确的使用指令。 ng-model 虽然不起作用。是否有其他指令或其他方式来做到这一点?
我怎样才能做到这一点?
修改
以下是jsfiddle网址:https://jsfiddle.net/grubxaur/
如果您检查浏览器控制台,则可以看到该函数被调用两次。我想这叫做N不。 N不是的时代。表中的列。
答案 0 :(得分:0)
我已经调整了一下我的实现,以摆脱这个问题。我没有在 ng-repeat 中调用函数,而是在 ng-repeat 之前使用angular.forEach
修改了控制器中的项数组。调用
类似下面的代码。
angular.forEach(self.items, function(item){
item.details = $scope.getItemDetails(item.id);
});