//首先配置文件
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 成长日记