Я пытаюсь выполнить фильтрацию в своем шаблоне с помощью значения переключателя.
Мои данные выглядят так:
{
"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
однако не удалось реализовать решения здесь и здесь
Пример codepen здесь, любая помощь на наилучшем пути для достижения этого была бы весьма признательна.
Кроме того, я использую angular-masonry
если вы можете предвидеть любые проблемы, это было бы здорово.
- EDIT--
Правильный ответ, реализованный в кодефе, находится здесь
Проблема в том, что ионные направляющие создают изолированные области, а ng-model
ваших радиовходов добавляет значение этой области, а не в объем вашего контроллера. Вы можете решить это, обернув свойство фильтра в объекте, то есть сделайте что-нибудь вроде:
$scope.filter = { 'difficulty' : 'Easy' }
...
<input type="radio" ng-model="filter.difficulty" value="Expert" name="group">