HLJ 发布于
2018-08-07 12:45:31

AngularJS怎样实现json数据自动过滤筛选功能?

AngularJS实现文本框输入关键字自动筛选查找功能可以使用filter数据过滤

1、静态页面
<div ng-controller="personCtrl">
    <input type="text" ng-model="nameText" placeholder="输入过滤信息..." />
    <p class="animate-repeat" ng-repeat="info in names | filter:nameText">
        {{$index+1}}、{{info.name}} {{info.num}}!
        {{$first}}-{{$middle}}-{{$last}}-{{$even}}-{{$odd}}
    </p>
</div>
2.js代码
<script type="text/javascript">
angular.module('myApp', []).controller('personCtrl', function($scope) {
$scope.names=[
                    {name: 'a jQuery', num:'25'},
                    {name: 'b JavaScript', num:'40'},
                    {name: 'c angular', num:'25'},
                    {name: 'd vue', num:'98'}
                ]
});
</script>
当前文章内容为原创转载请注明出处:http://www.good1230.com/detail/2018-08-07/37.html
最后生成于 2024-05-27 22:52:27
此内容有帮助 ?
0