使用选定值使用angularjs过滤数据

Question

我想根据组件中的选定值过滤输出：

<select ng-model="showGroup.group">
   <option value="A">A</option>
   <option value="B">B</option>
</select>

我要展示的数据：

  {
    "name" : "Steve",
    "group" : "A"
  },
  {
    "name" : "Bob",
    "group" : "B"
  },
  {
    "name" : "Peter",
    "group" : "B"
  },

如果＆＃34; A＆＃34;选择然后我应该只显示史蒂夫和如果＆＃34; B＆＃34;被选中它应该显示鲍勃和彼得！

我的输出代码：

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

Controller仅从JSON文件中获取数据。

为什么这不起作用？ 使用<input>元素可以正常工作吗？！

我是否需要编写自己的过滤器？我该怎么做？

Answer 1

您的过滤器不正确。请查看此Plunkr.