按单选按钮值过滤 ng-repeat答案

【问题标题】：filter ng-repeat by radio button value按单选按钮值过滤 ng-repeat
【发布时间】：2015-09-22 07:11:50
【问题描述】：

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

我的数据如下所示：

{
 "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'
}

我想按difficulty 进行过滤，但未能成功实施here 和here 的解决方案

一个 codepen 示例是 here 任何有关实现此目标的最佳方法的帮助将不胜感激。

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

-- 编辑--

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

【问题讨论】：

这是一个问题还是一个作业？
道歉 - 我已经改写它以包含我的问题

标签： javascript jquery angularjs filter

【解决方案1】：

问题是，离子指令会创建隔离范围，而您的无线电输入的ng-model 只会将值添加到此范围，而不是控制器的范围。您可以通过将过滤器属性包装在一个对象中来解决此问题，即执行以下操作：

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

...

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

见：Angular Wiki - Understanding Scopes

【讨论】：