index.html
創(chuàng)新互聯(lián)公司專注于泰安企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,成都商城網(wǎng)站開發(fā)。泰安網(wǎng)站建設(shè)公司,為泰安等地區(qū)提供建站服務(wù)。全流程按需搭建網(wǎng)站,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
<!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: '復旦大學', } ]; });
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持創(chuàng)新互聯(lián)!
新聞名稱:angularjs過濾器--filter與ng-repeat配合有奇效
文章出自:http://chinadenli.net/article2/ppjooc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站維護、網(wǎng)站制作、品牌網(wǎng)站建設(shè)、App開發(fā)、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)