javascript - 按单选按钮值过滤 ng-repeat

Question

我正在努力通过单选按钮值在模板中执行过滤。

我的数据如下所示:

{
 "exerciseDescription": "Take a large step forward in standing and lower the rear knee towards the floor",
 "exerciseName": "Walking Lunge",
 "images": [223, 224, 225],
  "difficulty" : 'Expert'
}

我想按难度进行过滤，但未能成功实现here中的解决方案和 here

codepen 示例是 here任何有关实现这一目标的最佳方式的协助将不胜感激。

此外，我正在使用angular-masonry，如果您可以预见任何问题，那就太好了。

-- 编辑--

在 codepen 中实现的正确答案是 here

Answer 1

问题是， ionic 指令创建了隔离的范围，而 radio 输入的 ng-model 仅将值添加到此范围，而不是添加到 Controller 的范围。您可以通过将过滤器属性包装在对象中来解决此问题，即执行以下操作:

$scope.filter = { 'difficulty' : 'Easy' }

...

<input type="radio" ng-model="filter.difficulty" value="Expert" name="group">

参见:Angular Wiki - Understanding Scopes