Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用选定值使用angularjs筛选数据_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 使用选定值使用angularjs筛选数据

Javascript 使用选定值使用angularjs筛选数据,javascript,html,angularjs,Javascript,Html,Angularjs,我想根据组件中的选定值筛选输出: <select ng-model="showGroup.group"> <option value="A">A</option> <option value="B">B</option> </select> 如果选择了a,那么我应该只显示Steve,如果选择了B,那么应该显示Bob和Peter 我的输出代码: <table> <tr ng-repeat="

我想根据组件中的选定值筛选输出:

<select ng-model="showGroup.group">
   <option value="A">A</option>
   <option value="B">B</option>
</select>
如果选择了a,那么我应该只显示Steve,如果选择了B,那么应该显示Bob和Peter

我的输出代码:

<table>
  <tr ng-repeat="person in persons">
      <td>{{person.name | filter:showGroup}}</td>
  </tr>
</table>

{{person.name |过滤器:showGroup}
控制器仅从JSON文件获取数据

为什么这不起作用? 有了
元素,它就可以正常工作了


我是否需要编写自己的筛选器?怎么做?

您的过滤器不正确。请在showGroup上查看此

筛选器。此回答对您有帮助吗?如果这个答案不正确,请告诉我。如果这个答案是正确的并且对你有帮助,请接受这个答案。它对我帮助很大!这正是我要找的!非常感谢。我已经在Plunkr检查了你的代码,它工作了,但它没有按组过滤日期!它查看所有元素,而不仅仅是组。在这里,我对你的例子做了一点修改,但现在它不起作用了:很高兴它帮助了你。我真的不明白你说的“但它不是按组过滤日期”是什么意思。我的印象是你只需要按他们所属的组筛选ppl。不管怎样,如果你认为我给出的答案是正确的,并且对你有帮助,请你将此答案标记为此处解释的“已接受答案”好吗?
<table>
  <tr ng-repeat="person in persons">
      <td>{{person.name | filter:showGroup}}</td>
  </tr>
</table>