重复 HTML 元素
2016-03-01 15:14
549 查看
ng-repeat 指令会重复一个 HTML 元素:
ng-repeat 指令用在一个对象数组上:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div data-ng-app="" data-ng-init="names=['Jani','Hege','Kai']"> <p>使用 ng-repeat 来循环数组</p> <ul> <li data-ng-repeat="x in names"> {{ x }} </li> </ul> </div> </body> </html>
ng-repeat 指令用在一个对象数组上:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="" ng-init="names=[ {name:'Jani',country:'Norway'}, {name:'Hege',country:'Sweden'}, {name:'Kai',country:'Denmark'}]"> <p>循环对象:</p> <ul> <li ng-repeat="x in names"> {{ x.name + ', ' + x.country }}</li> </ul> </div> </body> </html>
相关文章推荐
- 取消网页(html)的长按手势
- HTML系列(三):文字设置
- HTML基础知识
- html基本语言
- 在html中打出一条虚线
- C#正则表达式提取HTML中IMG标签的SRC地址
- HTML高级标签(2)————窗体分帧(2)————后台管理页面
- HTML学习笔记
- html中各标签的意义
- html学习总结
- html设置按钮背景颜色与背景图片一样,即设置按钮背景透明
- HTML系列(二):头部meta元素
- HTML day03表格与表单
- HTML--4格式布局
- HTML系列(一):创建HTML文档
- HTML特殊符号显示技巧
- HTML中各标签属性
- html结构
- HTML head 头标签
- html 的 学习方法