gpt4 book ai didi

javascript - 如何在 Angular JS 中一次使用多个过滤器

转载 作者:行者123 更新时间:2023-11-28 00:51:13 24 4
gpt4 key购买 nike

在下面的代码中,当我使用 filter:filterText 时,所有 3 个参数都会被过滤。如果我想过滤两个参数中的任何一个,我可以使用什么表达式?

<div ng-controller="someController">
<input type="text" ng-model="filterText"></input>
<ul>
<li ng-repeat="friend in friends|filter:filterText">
({{friend.name}},{{friend.phone}},{{friend.mail}})
</li>
</ul>
</div>
<script type="text/javascript">
var myapp1=angular.module("myApp",[]);
myapp1.controller("someController",function($scope,$filter){
$scope.friends=[
{
name:"asdf",
phone:"123456",
mail:"asd@gmail.com"
},
{
name:"qwe",
phone:"456887",
mail:"qwer@yahoo.com"
},
{
name:"cvb",
phone:"7786887",
mail:"some@gmail.com"
}
];
});
</script>

最佳答案

通过定义过滤器的对象,您可以定义要过滤的字段。以下示例仅在字段 namemail 中搜索:

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

myapp1.controller("someController",function($scope,$filter){
$scope.friends=[{
name:"asdf",
phone:"123456",
mail:"asd@gmail.com"
},
{
name:"qwe",
phone:"456887",
mail:"qwer@yahoo.com"
},
{
name:"cvb",
phone:"7786887",
mail:"some@gmail.com"
}];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp" ng-controller="someController">
Name: <input type="text" ng-model="filterName" />
Email: <input type="text" ng-model="filterEmail" />
<ul>
<li ng-repeat="friend in friends|filter:{ name: filterName, mail: filterEmail}">
({{friend.name}},{{friend.phone}},{{friend.mail}})
</li>
</ul>
</div>

关于javascript - 如何在 Angular JS 中一次使用多个过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26751572/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com