欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
微信小程序系统软件_Angularjs中ng
时间: 2021-01-11 14:56 浏览次数:
Angularjs中ng-repeat的简易案例 本文关键详细介绍了Angularjs中ng-repeat的简易案例的有关材料,这儿出示2个案例方式协助大伙儿完全把握这一部份内容,必须的朋友能够参照下title angul
Angularjs中ng-repeat的简单实例       这篇文章主要介绍了Angularjs中ng-repeat的简单实例的相关资料,这里提供两个实例方法帮助大家彻底掌握这部分内容,需要的朋友可以参考下
title angularjs-demo /title script type="text/javascript" src="angular.min.js" charset="utf-8" /script /head body ng-controller="ctrl" table width="100%" border="1" cellspacing="0" cellpadding="0" th 学号 /th th 姓名 /th th 分数 /th /tr tr ng-repeat="item in items" td {{item.id}} /td td {{item.name}} /td td {{item.score}} /td /tr /table script var app = angular.module('myApp',[]); app.controller("ctrl",function($scope,$location){ $scope.items = getStu(); function getStu() { return [{id:1010,name:'张三',score:50},{id:1011,name:'李四',score:60},{id:1012,name:'王五',score:80}]; /script /body /html

第二个例子:添加过滤条件

 html ng-app="myApp" 
 head 
 title angularjs-demo /title 
 script type="text/javascript" src="angular.min.js" charset="utf-8" /script 
 /head 
 body ng-controller="ctrl" 
 table width="100%" border="1" cellspacing="0" cellpadding="0" 
 th 学号 /th 
 th 姓名 /th 
 th 分数 /th 
 /tr 
 tr ng-repeat="item in items | filter:fscore" 
 td {{item.id}} /td 
 td {{item.name}} /td 
 td {{item.score}} /td 
 /tr 
 /table 
 script 
 var app = angular.module('myApp',[]);
 app.controller("ctrl",function($scope,$location){
 $scope.items = getStu();
 $scope.fscore = function(e) {
 return e.score 
 function getStu() {
 return [{id:1010,name:'张三',score:50},{id:1011,name:'李四',score:60},{id:1012,name:'王五',score:80}];
 /script 
 /body 
 /html 

以上就是AngularJs 中ng-repent的使用实例,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


下一篇:没有了


Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园