hauts et des bas ioniques
ion-header-bar
Ceci est fixé à la partie supérieure de l'écran une barre en-tête de titre. Si vous ajoutez à ce bar-subheader 'ce style, il est sous-titré.
usage
<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
| propriété | type | description |
|---|---|---|
| alignez-titre (Facultatif) | string | Ceci est l'alignement du titre. Si non défini, il suivra la mise en page par défaut du téléphone (Ios par défaut est centrée, à gauche par défaut Android). Sa valeur peut être «gauche», «centre», «droit». |
| no-tap-scroll (Facultatif) | boolean | Par défaut, la tête de la barre de titre lorsque vous cliquez sur le contenu de l'écran défile à la tête, pas-tap-défilement peut être définie sur true pour désactiver l'action. . Sa valeur est une valeur booléenne (true / false). |
ion-footer-bar
Savoir header-bar-ion, comprendre l'ion-footer-bar facile attractif! Seulement footer-bar-ion est au bas de l'écran.
usage
<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
Et ion-header-bar est différent, l'ion-footer-bar n'alignez-titre cette API.| propriété | type | description |
|---|---|---|
| alignez-titre (Facultatif) | string | Ceci est l'alignement du titre. Si non défini, il suivra la mise en page par défaut du téléphone (Ios par défaut est centrée, à gauche par défaut Android). Sa valeur peut être «gauche», «centre», «droit». |