宝哥软件园

Angularjs中ng-重复-开始与尼日利亚重复结束的用法实例介绍

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

ng-重复-开始与尼日利亚重复结束时AngularJS(1.2.x)扩展的,使用这两个指令可以灵活控制遍历形式。

例如:

index.html

div class=' uk-panel ' ng-controller=' userctl ' ul class=' uk-list uk-list-striped ' Li ng-repeat-start=' user in users ' { user。name } }/Li ng-repeat-end { { user。email } }/Li/ul/divindex。射流研究…

var myApp=angular.module('myApp ',[]);myApp.controller('UserCtrl ',['$scope ',function($ scope){ $ scope。用户=[{ name : '张三,email:'[emailprotected]' },{ name: '李四,email:'[emailprotected]' },{ name: '王五,email : "[email protected]" }];}]);运行结果:

完整的实例代码

!DOCTYPE html html lang=' zh-CN ' ng-app=' app ' head meta charset=' utf-8 ' title ng-repeat-start与尼日利亚重复结束的用法/title link rel='样式表href='./bootstrap.min.css'/headbody h4多行遍历的实现方式/H4 ul ng-controller=' people controller ' Li ng-repeat-start=' person in people ' { person。姓名} }/李莉住在/Li Li { { person。city } }/Li br ng-repeat-end/ul脚本src=' http :/棱角分明。量滴js '/脚本脚本角度。模块(' app ',[]).controller('PeopleController ',['$scope ',function($ scope){ $ scope。people=[{ name : '张三, '广东},{name: '李四, '江西},{name: '王五, '东北}]}])/脚本/正文/html总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

更多资讯
游戏推荐
更多+