zoukankan      html  css  js  c++  java
  • Angularjs 数据过滤

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible"content="edge" />
    <meta name="viewport"content="width=device-width,initial-scale=1" />
    <title></title>
    <meta charset="utf-8" />
    <link rel="stylesheet"href="bootstrap/css/bootstrap.min.css" />
    <style>

    </style>
    </head>
    <body>
    <div class="container"style="padding:50px">
    <div data-ng-app="myApp"data-ng-controller="myCtrl">
    <p>数据过滤:<input class="input-sm" type="text" data-ng-model="filterText"/></p>
    <ol>
    <li data-ng-repeat="filter in filterList | filter:filterText">{{filter}}</li>
    </ol>
    </div>
    </div>

    <script src="jQuery/jquery-2.2.0.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script>
    angular.module("myApp", []).controller("myCtrl", function ($scope) {
    $scope.filterList = ["currency","data","number","filter","uppercase","lowercase","orderby","json","limitto"
    ]
    })
    </script>
    </body>
    </html>

  • 相关阅读:
    第二次作业循环语句
    c语言01次作业分支,顺序结构
    PAT 1027. Colors in Mars
    PAT 1026 Table Tennis
    PAT 1035 Password
    PAT 1038. Recover the Smallest Number
    PAT 1028 List Sorting (25)
    PAT 1041 Be Unique (20)
    PAT 1025 PAT Ranking
    1037. Magic Coupon
  • 原文地址:https://www.cnblogs.com/melao2006/p/5118662.html
Copyright © 2011-2022 走看看