angularjs - 智能表 "st-sort"不工作

Question

我正在使用 angular v1.3.15。我正在通过点击 api 并将其通过范围传递到智能表来获取数据，就像这样



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



数据填充良好，但是当我尝试单击表标题并使用 st-sort 方法对其进行排序时，表值明显变为空白，而不是对列进行排序。这是我的 html 片段的 View



你能告诉我我到底做错了什么吗？当我使用我自己的数据收集集(不是硬编码)时，整个表的值就乱了。
我有一种感觉，这与我在 Angular 端使用的变量名称有关。
非常感谢任何帮助....谢谢

Answer 1

根据您的评论 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;
    });
});

就是这样。