我是一个有用的助手,可以将文本翻译成中文。
我遇到了一个情况,在其中我正在使用angularJs智能表进行过滤。
HTML代码:
我正在测试两个不同的情况。
在我的控制器中,首先我调用相同的函数,但是发送虚拟数组,在第二种情况中,我发送从API调用收到的数组。
当我使用case1时,排序正常工作。但是当我使用case2时,排序不起作用。单击它后,数据就会消失。 我尝试过调试,看看在单击筛选器时是否再次调用了listAllWorkOrderData函数。但它只在加载页面以填充表格时调用一次。那么这意味着数据存在于listWorkOrderResponse中。那为什么它不排序呢?
我通过打印两种情况的响应来检查它们,唯一的区别是来自api调用的listWorkOrderResponse新增了
有人能指出我犯了什么错误吗?
我遇到了一个情况,在其中我正在使用angularJs智能表进行过滤。
HTML代码:
<section class="main" ng-init="listAllWorkOrderData()">
<table st-table="listWorkOrderResponse">
<thead>
<tr>
<th st-sort="id">ID <i></i></th>
<th st-sort="project">Project <i></i></th>
</tr>
</thead>
<tbody ng-repeat="workOrder in listWorkOrderResponse">
<tr>
<td>{{workOrder.id}}</td>
<td>{{workOrder.project}}</td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
</section>
我正在测试两个不同的情况。
在我的控制器中,首先我调用相同的函数,但是发送虚拟数组,在第二种情况中,我发送从API调用收到的数组。
1. Dummy data
$scope.listAllWorkOrderData = function () {
var listWorkOrderResponse = [{"id":"1","project":"project1"},{"id":2,"project":"project2"},{"id":"3","project":"project3"}];
}
2. I am using a service and fetching data through api.
$scope.listAllWorkOrderData = function () {
TestService.listAllWorkOrderData().then(function (response, status, headers, config) {
if (response != undefined && response != null) {
if (!$scope.listWorkOrderResponse) {
$scope.listWorkOrderResponse = [];
}
$scope.listWorkOrderResponse = response;
}, function (response, status, headers, config) {
console.log(response);
});
当我使用case1时,排序正常工作。但是当我使用case2时,排序不起作用。单击它后,数据就会消失。 我尝试过调试,看看在单击筛选器时是否再次调用了listAllWorkOrderData函数。但它只在加载页面以填充表格时调用一次。那么这意味着数据存在于listWorkOrderResponse中。那为什么它不排序呢?
我通过打印两种情况的响应来检查它们,唯一的区别是来自api调用的listWorkOrderResponse新增了
$$hashKey: "object:363"
。有人能指出我犯了什么错误吗?