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>