ionic模版引擎及循环
首先来个官方文档:http://ionicframework.com/docs/api/directive/ionList/
1)ionic模型引擎的定界符是双大括号 {{}}
2)要使用什么模版变量,直接用控制器里的$scope对象传出来就可以了
$scope.uname = 'tujia';
<span>{{uname}}</span>
3)模版循环用 ng-repeat 属性,使用方法是:在你想循环的对象标签上加 ng-repeat,例如:
ng-repeat="item in lists"
PS1:其中 item 和 lists 分别表示,循环对象的子项,lists就是循环的变量,名字并不一定叫item和lists,lists根据$scope传出来的变量名改,item就随意,想叫什么都可以
PS2:是在循环对象上加 ng-repear,不是在我一对象的父类上加 ng-repeat,以ionic的listview为例,ng-repeat是应该加在ion-item上的,而不是加在ion-list上
下面是完整示例:
<ion-list>
<ion-item ng-repeat="item in lists">
Hello, {{item.uname}}!
</ion-item>
</ion-list>