smart-table Angular模块无法排序

时间:2015-02-27 19:22:25

标签: angularjs smart-table

我无法对Smart Table Angular module进行简单的排序。我不能将st-sort="propertyName"添加到我的th吗?

JS:

var app = angular.module('app', []);

app.controller('SomeController', ['$scope', function($scope) {
  $scope.items = [{color:'red'},{color:'blue'}];
}]);

HTML:

<html ng-app="app"><body ng-controller="SomeController">
  <table st-table="items">
    <thead>
      <tr>
        <th st-sort="color">Color</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="item in items">
        <td>{{item.color}}</td>
      </tr>
    </tbody>
  </table>
</body></html>

如果您点击Colors th,则不会发生任何事情,数据也不会排序。我错过了什么?现场演示:http://jsbin.com/ganine/2/edit

2 个答案:

答案 0 :(得分:8)

您应该向smart-table模块添加app模块依赖项,如下所示:

var app = angular.module('app', ['smart-table']);

见工作example

答案 1 :(得分:3)

您需要加载智能表脚本并将'smart-table'模块引用添加到app模块定义中。

 var app = angular.module('app', ['smart-table']);

您可以在jsbin - http://jsbin.com/bunokerife/3/edit

中查看我的更改