tops ionik dan pantat
ion-header-bar
Ini adalah tetap ke atas layar judul sundulan bar. Jika Anda menambahkan untuk itu 'bar-subheader' gaya ini, itu subjudul.
pemakaian
<ion-header-bar align-title="left" class="bar-positive">
<div class="buttons">
<button class="button" ng-click="doSomething()">Left Button</button>
</div>
<h1 class="title">Title!</h1>
<div class="buttons">
<button class="button">Right Button</button>
</div>
</ion-header-bar>
<ion-content>
Some content!
</ion-content>
API
| milik | jenis | deskripsi |
|---|---|---|
| menyelaraskan-title (Opsional) | string | Ini adalah keselarasan dari judul. Jika tidak diatur, akan mengikuti layout default dari telepon (Ios default berpusat, Kiri Android default). nilainya dapat 'kiri', 'pusat', 'benar'. |
| ada-tap-scroll (Opsional) | boolean | Secara default, kepala judul bar ketika Anda klik pada isi layar akan bergulir ke kepala, tidak ada-tap-scroll dapat diatur ke benar untuk menonaktifkan tindakan. . nilainya adalah nilai Boolean (true / false). |
ion-footer-bar
Tahu ion-header-bar, memahami ion-footer-bar di mudah menarik! Hanya ion-footer-bar di bagian bawah layar.
pemakaian
<ion-content>
Some content!
</ion-content>
<ion-footer-bar align-title="left" class="bar-assertive">
<div class="buttons">
<button class="button">Left Button</button>
</div>
<h1 class="title">Title!</h1>
<div class="buttons" ng-click="doSomething()">
<button class="button">Right Button</button>
</div>
</ion-footer-bar>
API
Dan ion-header-bar yang berbeda, ion-footer-bar hanya menyelaraskan-judul API ini.| milik | jenis | deskripsi |
|---|---|---|
| menyelaraskan-title (Opsional) | string | Ini adalah keselarasan dari judul. Jika tidak diatur, akan mengikuti layout default dari telepon (Ios default berpusat, Kiri Android default). nilainya dapat 'kiri', 'pusat', 'benar'. |