我已经使用分组功能使用ngTable创建了一个应用程序,该应用程序运行正常,但问题是当我向表中添加动态数据(行)时,它无法动态反映,除非我们单击表标题进行排序或当我们单击分页时
我已经在一个插件中重新创建了问题,在这里您可以找到一个按钮,单击该按钮时会添加一个动态行,但未反映在表中
<body ng-app="main" ng-controller="DemoCtrl">
<button ng-click="addDynamicDatas()">Add Datas</button>
<table ng-table="tableParamsOne" class="table">
<tbody ng-repeat="group in $groups">
<tr class="ng-table-group" ng-hide="group.data[0].role==='None'">
<td>
<strong>{{ group.value }}</strong>
</td>
</tr>
<tr ng-repeat="user in group.data">
<td sortable="name" data-title="'Name'">
<span ng-class="{'bold-text': user.role=='None'}" ng-show="user.role==='None'"> {{user.name}}</span>
</td>
<td sortable="age" data-title="'Age'">
{{user.age}}
</td>
</tr>
</tbody>
</table>
</body>
增加功能
$scope.addDynamicDatas = function()
{
$scope.myDataOne.push({name: "Abcd", age: 10, role: 'Administrator'});
}
谁能告诉我一些解决方案吗?
这可能不是理想的解决方案,但是我唯一能找到。
您可以$scope.tableParamsOne.reload();
在更新阵列后添加。
同样,当您单击标题时,当网格正在更新时,它也不会更新分页中的页面数量。为了解决这个问题,您可以添加$scope.tableParamsOne.total($scope.myDataOne.length);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句