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

我想按difficulty进行过滤，但未能成功实施here和here

的解决方案

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

此外，如果您可以预见任何问题，我会使用angular-masonry。

- 编辑 -

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

Answer 1

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

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

...

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

请参阅：Angular Wiki - Understanding Scopes

按单选按钮值过滤ng-repeat

1 个答案: