无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 产业新闻 >

苏州小程序开发公司_angularjs过滤器

时间:2021-01-12 11:59来源:苏州小程序开发公司 作者:jianzhan 点击:
angularjs过虑器--filter与ng-repeat相互配合有奇效 body ng-app="myApp" ng-controller="myCtrl" input type="text" placeholder="请键入院校ID 或 名字" ng-model="query"
angularjs过滤器--filter与ng-repeat配合有奇效       本篇文章主要介绍了angularjs过滤器-filter与ng-repeat的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
body ng-app="myApp" ng-controller="myCtrl" input type="text" placeholder="请输入学校ID 或 名称" ng-model="query" table tr ng-repeat="school in schoolList | strong filter:query /strong " td {{ school.schoolId}} /td td {{ 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: '复旦大学', 
 }); 

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持凡科!


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866