angularjs – 智能表“st-sort”不工作

前端之家收集整理的这篇文章主要介绍了angularjs – 智能表“st-sort”不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用角度v1.3.15.我通过点击api并将其通过范围传递到智能表,从而获取数据

这是在控制台上看到的“scope.rowCollection”的数据格式

数据填充好,但是当我试图点击表头并使用st-sort方法对它进行排序时,表值清楚地不排序列.这是我的html片段的视图

你能告诉我我正在做错什么当我使用我自己的数据收集集(不是硬编码)的时候,整个表值都是haywire.
我有一种感觉与我在角度端使用的变量名称有关.
任何帮助是非常感谢….谢谢

跟着你的评论Nikhil.这样使用st-safe-src:

HTML

<table st-table="displayedCollection" st-safe-src="rowCollection">
      <thead>
        <tr>
          <th st-sort="firstName">First Name</th>
          <th st-sort="lastName">Last Name</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="row in displayedCollection">
          <td>{{row.firstName}}</td>
          <td>{{row.lastName}}</td>
        </tr>
      </tbody>
</table>

JS

app.controller('Ctrl',function($scope,service) {
    $scope.displayedCollection = [];

    service.all.then(function(list) {
        $scope.rowCollection = list;
        $scope.displayedCollection = list;
    });
});

而已.

原文链接:https://www.f2er.com/angularjs/142818.html

猜你在找的Angularjs相关文章