Question

我在AngularJS中有一个对象数组：

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

我也有选择列表：

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

如何通过select？

中的选定选项过滤ng-repeat中的对象

Answer 1

如果我理解你的问题，我会做这样的事情：

<强> 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/

如何在Angular JS中选择过滤？

1 个答案: