- AngularJS中的过滤器 filter使用,在 搜索中 使用非常广泛
<body ng-app="app" ng-controller="wmxController">
<!--显示数组中的所有元素-->
<p>{{course}}</p>
<!--添加一个过滤器，显示这个数组中所有包含s的元素-->
<p>{{course | filter:'s'}}</p>
<!--搜索-->
<input type="text" ng-model="search">
<ul>
<!--默认情况下，是显示数组中的所有元素，但是在后面添加了 | filter：search 代表只是显示和输入项匹配的元素-->
<!--search可以不是唯一的，只要与ng-model的值对应就行-->
<li ng-repeat="item in course | filter:search">{{item}}</li>
</ul>
<script src="angular.js"></script>
<script>
var app = angular.module('app',[]);
app.controller('wmxController',['$scope',function ($scope) {
$scope.course = ['html','css','js'];
}]);
</script>
</body>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
