【问题标题】:Sorting filter 'orderBy' doesn't work in AngularJS排序过滤器'orderBy'在AngularJS中不起作用
【发布时间】:2015-07-03 12:57:37
【问题描述】:

我有一个包含三列的表格列表。可以对所有列进行上下排序。当您单击 -Tag 时,列表将排序,但我收到错误消息:

错误:$injector:unpr 未知提供者

未知提供者:orderbyFilterProvider

这里是 Ctrl:

var orderby = $filter('orderby');

$scope.sortType = '-maxAge';
$scope.sortReverse = false;

$scope.order = function (sortType, sortReverse) {
   $scope.nameslist = orderby($scope.nameslist, sortType, sortReverse);
};

视图(标题):

...
<th>
  <a href="" ng-click="sortReverse = !sortReverse; order('fname',reverse)">
     Firstame
     <span ng-show="sortType=='fname' && !sortReverse" class="glyphicon glyphicon-triangle-bottom"></span>
     <span ng-show="sortType=='fname' && sortReverse" class="glyphicon glyphicon-triangle-top"></span>
  </a>
</th>
...

视图(表格列表):

<tr ng-repeat="item in filteredNames = (nameslist | orderBy: sortType:sortReverse)" class="show-cursor">
   <td>{{ item.fname }}</td>
   ...
</tr>

不知道问题出在哪里?!

【问题讨论】:

  • 你能在这里给js小提琴链接吗?然后我们可以用最简单的方式确定问题所在。

标签: javascript angularjs angularjs-filter


【解决方案1】:

您需要在控制器中使用骆驼箱的顺序By而不是顺序by

var orderBy = $filter('orderBy');

【讨论】:

  • thanksss :) .. 一个问题.. 如何减少 ngClick 输入或 span ngShow 输入?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-02-24
  • 2016-07-22
  • 1970-01-01
  • 1970-01-01
  • 2014-10-18
  • 1970-01-01
  • 2015-11-16
相关资源
最近更新 更多