Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 过滤器选择多个角度_Javascript_Angularjs - Fatal编程技术网

Javascript 过滤器选择多个角度

Javascript 过滤器选择多个角度,javascript,angularjs,Javascript,Angularjs,我是Angular的初学者,我有一个多重选择,以便按名称筛选列表 <select multiple ng-options="data.name for data in datas" ng-model="filterData"> </select> 谢谢您可以自定义过滤器并预定义一些过滤器值: <div class="container " data-ng-repeat="data in datas | filter : byArray"> var _fil

我是Angular的初学者,我有一个多重选择,以便按名称筛选列表

<select multiple ng-options="data.name for data in datas" ng-model="filterData">
</select>

谢谢

您可以自定义过滤器并预定义一些过滤器值:

<div class="container " data-ng-repeat="data in datas | filter : byArray">

var _filterTheseWords = ["first", "two", "three"];
$scope.byArray = function(item) {
    return _filterTheseWords.some(word) {
        return item.name.indexOf(word) > -1;
    });
}

变量filterTheseWords=[“第一”、“第二”、“第三”];
$scope.byArray=函数(项){
return\u filterTheseWords.some(word){
返回项.name.indexOf(word)>-1;
});
}
var myApp=angular.module('myApp',[]);
myApp.controller('myController',myController);
函数myController($scope){
$scope.datas=[{
“名称”:“第一”,
“id”:1
}, {
“姓名”:“两个”,
“id”:2
}, {
“名字”:“三个”,
“id”:3
}, ];
$scope.filterData=[];
$scope.byArray=函数(myArray){
返回函数(项目){
return!myArray.some(函数(word){
返回item.name.indexOf(word.name)>-1;
});
};
}
}

{{data.name}

谢谢,它很管用。我刚刚添加了一个条件,默认情况下显示所有数据而不使用过滤器。
<div class="container " data-ng-repeat="data in datas | filter : byArray">

var _filterTheseWords = ["first", "two", "three"];
$scope.byArray = function(item) {
    return _filterTheseWords.some(word) {
        return item.name.indexOf(word) > -1;
    });
}