这篇文章主要介绍了AngularJS ng-repeat指令及Ajax的应用,结合实例形式分析了ng-repeat指令的功能及ajax请求交互相关操作技巧,需要的朋友可以参考下
本文实例讲述了AngularJS ng-repeat指令及Ajax的应用。分享给大家供大家参考,具体如下:
ng-repeat 指令用于循环输出指定次数的 HTML 元素。集合必须是数组或对象。
定义:
说明:experssion表达式定义了如何循环集合。常用的如:x in records
下面通过一个例子,来说明ng-repeat如何绘制一个表格:
姓 名 名字 {{student.fullName()}} 科目
名字 标记 {{sub.name}} {{sub.marks}}
表可以使用CSS样式设置样式。
利用angularjs的ng-repeat指令绘制表格:
效果:
上面例子表格中展示的数据也可以通过ajax请求从服务器中获取,然后利用ng-repeat指令插入到页面中,具体实现见下面代码:
Angular JS Controller AngularJS 表格应用示例
姓 名 名字 {{student.fullName()}} 科目
名字 标记 {{sub.name}} {{sub.marks}}
说明:需要放在服务器环境中运行
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
以上就是AngularJS ng-repeat指令及Ajax的应用实例分析的详细内容,更多请关注易知道|edz.cc其它相关文章!