Как сделать фильтрацию по выбору в Angular JS?

0

У меня есть массив объектов в AngularJS как:

var arr = [{type : 1, name : 'Bbc'}];

Также у меня есть список выбора:

<select ng-model="type">
<option value="1">Select</option>
</select>

Как я могу фильтровать объект в ng-repeat по выбранной опции из select?

Теги:

1 ответ

0
Лучший ответ

Если я правильно понял ваш вопрос, я бы сделал что-то вроде этого:

HTML

<div ng-controller="MyCtrl">
    <p>Select type to filter:</p>
    <select ng-model="filterTypes" ng-options="item.type for item in types"></select>
    <div ng-repeat="type in types | filter:filterTypes">
        <p>{{type.name}}</p>
    </div>
</div>

Javascript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.types =
    [{type : 1, name : 'Bbc'},
     {type : 2, name: 'Bcc'},
     {type : 3, name: 'Bac'}         
    ];
}

Вот скрипка, если вы хотите увидеть результаты: http://jsfiddle.net/fsalin/3oLv66ff/8/

Поделиться
  • 0
    Но есть ли фильтр? Могу ли я использовать два фильтра? Но введите поле и выберите список?
  • 0
    Да, вы можете использовать несколько фильтров. Я создал скрипку, показывающую, как это сделать: jsfiddle.net/fsalin/3oLv66ff/21
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню