gpt4 book ai didi

javascript - 将动态行添加到 ngTable 不显示

转载 作者:行者123 更新时间:2023-11-30 08:40:43 24 4
gpt4 key购买 nike

我已经使用分组功能创建了一个带有 ngTable 的应用程序,该应用程序工作正常,但问题是当我向表中添加动态数据(行)时,它不会动态反射(reflect),除非或以其他方式单击表标题用于排序或者当我们点击分页时

我在一个 plunker 中重现了这个问题,在那里你可以找到一个按钮,当点击时一个动态行被添加但没有反射(reflect)在表格中

PLUNKER

  <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);

关于javascript - 将动态行添加到 ngTable 不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26714547/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com