AngularJS ng-click通过多个参数显示过滤的数据。

7 浏览
0 Comments

AngularJS ng-click通过多个参数显示过滤的数据。

我正在遵循这篇很棒的帖子：如何使用多个链接在AngularJS中过滤列表。现在我想在点击时显示通过多个参数过滤的数据。\nhtml\n

  类型1 | 
  类型2 |
  类型3 |
  
  类型1和3 |
  无过滤器
  
    
    
  • {{person.name}}
    •

\njs\n

function Test($scope) {
  $scope.persons = [{type: 1, name: 'Caio'}, {type:2, name: 'Ary'}, {type:1, name: 'Camila'}, , {type:3, name: 'Daniel'}];
}

\n这种多参数过滤器的例子不起作用。有没有一种简单通用的方法来实现这一点，而不需要编写自定义过滤器？\n我更新了jsfiddle：http://jsfiddle.net/pkxPa/89/\n有什么想法吗？\n也许有更好的方法，像在这篇帖子中使用ng-show（在ng-repeat中使用ng-click显示隐藏的div）？\n谢谢。

0

1 答案

0 Comments

AngularJS ng-click显示通过多个参数筛选的数据的原因是没有正确设置过滤器。解决方法是使用自定义函数来设置过滤器。在HTML中使用ng-click指令来调用该函数，并在控制器中定义该函数来返回符合条件的数据。在该函数中，可以使用闭包来实现多个参数的筛选。使用null来清除过滤器可能不起作用，可以尝试使用空对象{}来清除过滤器。

0