//首先配置文件
ionic.bundle.min.js
ionic.min.css"

//創建一個angular控制器，控制器給body/html都可以
angular.module(‘myapp‘,[‘ionic‘])
.controller(‘firstCtrl‘,function($scope){
$scope.items = [];
for (var i=0;i<20;i++) {
$scope.items.push("line" + i)
}
})
//demo如下（不知道為什麽下面footer有空白，求大神指教）
<ion-header-bar class="balanced-bg">
<h1 class="title" >微信</h1>
</ion-header-bar>

<ion-content>
<ul class="list">
<li class="item" ng-repeat="item in items">{{item}}</li>
</ul>
</ion-content>

<ion-footer-bar>
<ion-tabs class="tabs-positive tabs-icon-only">

<ion-tab title="首頁" >
<!-- 標簽 1 內容 -->
</ion-tab>

<ion-tab title="關於">
<!-- 標簽 2 內容 -->
</ion-tab>

<ion-tab title="設置" >
<!-- 標簽 3 內容 -->
</ion-tab>

</ion-tabs>
</ion-footer-bar>

ionicangular 成長日記