如何在角度js中按钮点击添加过滤器?

时间:2015-06-03 00:46:38

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我正在尝试在图片点击上添加过滤器。实际上我的演示中有一个图标" V" 只考虑第一个附近"注入"在header.I上应用click事件。实际上我想在点击图片的第一列中添加 orderBy 过滤器。 我做了什么我按下单击按钮反转数组。但是当我的数组没有排序然后我需要先对给定的数组进行排序时,我可能会出现这种情况。那我试图在图像上添加过滤器点击。我试着阅读文档orderBy但没有写任何东西我们如何使用按钮点击事件。 https://docs.angularjs.org/api/ng/filter/orderBy      

Javascript代码

$scope.sortdata = function() {
      //alert('--')
      $scope.displayData=$scope.displayData.slice().reverse();
  };

这是我的代码 http://plnkr.co/edit/FqL7g2w5yLEREopY4B10?p=preview 当用户点击图像按升序和降序排列时,我的代码工作正常。但是当数组未排序时,它不起作用?

1 个答案:

答案 0 :(得分:1)

我假设$ scope.sortdata是您的点击,如果是这样,您可以通过以下方式添加过滤器:

scope.sortdata = function() {
  //alert('--')
  $filter('filterName')(argument1, argument2, etc);
};

请记住将$filter注入您的控制器