使用选定的值通过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"
  },

如果选择了“ A”，那么我应该只显示史蒂夫，如果选择“ B”，则应该显示Bob和Peter！

我的输出代码：

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

Controller仅从JSON文件获取数据。

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

我需要编写自己的过滤器吗？ 我怎么做？

Answer 1

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