標題欄 : ion-header-bar
頁尾欄 : ion-footer-bar
header/footer : 樣式及內容
內容區 : ion-content
滾動框 : ion-scroll
拉動重新整理 : ion-refresher
滾動重新整理 : ion-infinite-scroll
指令碼介面 : $ionicscrolldelegate
ion-header-bar指令宣告乙個標題欄元素，標題欄總是位於螢幕的頂部：
...ion-header-bar指令有兩個可選的屬性：
ion-footer-bar指令宣告乙個頁尾欄元素，頁尾欄總是位於螢幕的底部：
...ion-footer-bar指令有乙個可選的屬性：
ion-header-bar和ion-footer-bar經過編譯後其樣式類將分別被設定為.bar.bar-header 和.bar.bar-footer，回憶下我們在css框架課程中已經了解到的內容：
顯然，你可以使用這些樣式調整ion-header-bar/ion-footer-bar的外觀！
使用ion-content指令定義內容區域：
...ion-content佔據header和footer以外的剩餘區域。當內容超過可視區域時，ion-content 可以滾動以顯示被隱藏的部分。
試著滾動右邊示例效果的內容區域，你會發現浮現的滾動條。當滾動停止時，浮動條消失。 這是ionic定製的滾動檢視，可以使用overflow-scroll屬性設定使用系統內建的滾動條：
overflow-scroll="true">...
ion-scroll指令宣告乙個可滾動的容器元素，使用者可以按住內容進行拖動：
ion-scroll指令有兩個常用的可選屬性：
在使用ion-scroll時，需要顯式指定滾動框元素及內容元素 的大小（高度和寬度）：
使用指令ion-refresher可以為滾動容器（ion-scroll或ion-content）增加 拉動重新整理/pull-to-refresh的功能：
ion-refresher指令有以下可選的屬性：
注意在重新整理完畢後，應當使用作用域的$broadcast()方法通知框架：
$scope.$broadcast("scoll.refreshcomplete")
使用ion-infinite-scroll指令可以為滾動容器（ion-scroll或ion-content）增加 滾動重新整理功能：
on-infinite="">...
ion-infinite-scroll指令有如下屬性：
可以使用服務$ionicscrolldelegate，通過指令碼控制滾動容器（ion-scroll或ion-content）。 $ionicscrolldelegate服務提供的常用方法如下：
重新計算容器尺寸。當父元素大小變化時，應當呼叫此方法
滾動到內容頂部。shouldanimate引數為true|false，表示是否使用動畫展示滾動過程
滾動到內容底部。shouldanimate引數為true|false，表示是否使用動畫展示滾動過程
滾動到指定位置。left和top分別表示要滾動到的x座標和y座標
滾動指定偏移量。left和top分別表示要滾動的x偏移量和y偏移量
讀取當前檢視位置。返回值為乙個json物件，具有left和top屬性，分別表示x和y座標
Ionic入門 Ionic 列表
看過ionic官網的,都知道ionic有成型的css文件和js文件.對於初學者來說,幫助文件是最好的學習材料.在剛接觸ionic和angularjs的時候,基本的東西都不了解,就經常性的看文件.看demo,實現一下,發現移動端挺好玩的,介面又好看.今天介紹一下ionic列表,其實也是羅列一下常用的幾...
angular6入門之安裝angular cli
最近聽了大漠老師分享的angular6的講解 附個鏈結大漠老師課程 像是沙漠中發現了綠洲一樣，決定好好學習一番，於是準備開始動手擼起 來。首先需要做些準備安裝angular cli window環境下的安裝 的最新版本。1.由於之前安裝的是angular cli v1的版本，需要解除安裝了，安裝最新...
ionic框架使用以及angular環境搭建
在基於有nodejs的情況下 安裝ionic npm i g cordova ionicionic start 專案名字 選擇tabs執行 cd 專案名字 ionic serve ionic build ionic build ionic cordova platform add ios ionic...