angularjs过滤器--filter与ng-repeat配合有奇效

2019-11-19 16:47:13

字体：大中小

来源：转载

供稿：网友

index.html

<!DOCTYPE html> <html> <head>  <link href="bootstrap.min.css" rel="external nofollow" rel="stylesheet"> </head>  <body ng-app="myApp" ng-controller="myCtrl">  <input type="text" placeholder="请输入学校ID 或 名称" ng-model="query"> <table class="table-bordered">  <tr ng-repeat="school in schoolList | <strong>filter:query</strong>" >   <td class="col-md-2">{{ school.schoolId}}</td>   <td class="col-md-2">{{ school.schoolName}}</td>  </tr>  <script src="bootstrap.min.js"></script>  <script src="angular.min.js"></script>  <script src="script.js"></script> </table> </body> </html>

script.js

angular.module('myApp', [])  .controller('myCtrl', function ($scope) {   $scope.schoolList = [    {     schoolId: 01,     schoolName: '中山大学',    },    {     schoolId: 02,     schoolName: '厦门大学',    },    {     schoolId: 03,     schoolName: '北京大学',    },    {     schoolId: 04,     schoolName: '复旦大学',    }   ];  });

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持武林网！

上一篇：bootstrap3 dialog 更强大、更灵活的模态框

下一篇：JS简单判断字符在另一个字符串中出现次数的2种常用方法