angular（过滤查询）

最新推荐文章于 2018-08-28 14:41:40 发布

PremierAmour

最新推荐文章于 2018-08-28 14:41:40 发布

阅读量401

点赞数

文章标签： angular

本文链接：https://blog.csdn.net/PremierAmour/article/details/78832973

版权

这里写图片描述

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/angular.min.js"></script>
    </head>

    <body ng-app="myapp" ng-controller="mycrl">
        <div class="div1">
            <input type="text" ng-model="na" placeholder="用户名" ng-change="cha()" />
        </div>

        <table class="ta" border="1px" cellpadding="0px" cellspacing="0px">
            <tr>
                <th>姓名</th>
            </tr>
            <tr align="center" ng-repeat="u in users|filter:cx">
                <td>{{u.name}}</td>
            </tr>
        </table>

        <script type="text/javascript">
            var mo = angular.module("myapp", []);
            mo.controller("mycrl", function($scope) {
                //准备原始的数组   
                $scope.users = [{
                    "name": "张三",
                    "flag": false
                },{
                    "name": "温婉",
                    "flag": false
                },{
                    "name": "胡桃",
                    "flag": false
                }];
                //查询
                $scope.cx = ""; //查询过滤赋值
                $scope.cha = function() {
                    if ($scope.na != "" && $scope.na != null) {}
                    $scope.cx = {
                        "name": $scope.na
                    };
                }

            });
        </script>
    </body>

</html>

PremierAmour

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular（过滤查询）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> </head> <body ng-app="myapp" ng-c
复制链接

扫一扫