模糊查询

发布时间：2020-12-17 10:27:04 所属栏目：安全来源：网络整理

导读：!DOCTYPE htmlhtml lang="en" ng-app="myApp"head meta charset="UTF-8" titleTitle/title script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"/script script var app = angular.module('myApp',[]); app.controller("myContr

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script>
        var app = angular.module('myApp',[]);
        app.controller("myControl",function($scope){
            $scope.friends = [
                {name:'aaa',phone:'110'},{name:'bbb',phone:'119'},{name:'ccc',phone:'120'},{name:'ddd',{name:'eee',phone:'114'},{name:'fff',phone:'911'},{name:'ggg',phone:'10010'},{name:'hhh',phone:'10086'}

            ]
        });

    </script>
</head>
<body  ng-app="myApp" ng-controller="myControl">
<label>Search:<input ng-model="searchText"></label>

<table id="searchTextResult">
    <tr><th>name</th><th>phone</th></tr>
    <tr ng-repeat="friend in friends | filter:searchText"> <!-- 向表达式添加过滤器：可以通过一个管道字符(|)和一个过滤器添加到表达式中-->
        <!-- filter:searchText 模糊查询 -->
        <td>{{friend.name}}</td>
        <td>{{friend.phone}}</td>
    </tr>

</table>







</body>


</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!