Latest web development tutorials

ionische Hochs und Tiefs

Ion-header-Bar

Dies ist an der Oberseite des Bildschirms befestigt ein Kopftitelleiste. Wenn Sie es Bar-subheader "dieser Stil hinzufügen, wird es untertitelt.

Verwendung 

<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

Immobilien Typ Beschreibung
align-Titel
(Optional)
string

Dies ist die Ausrichtung des Titels. Wenn nicht gesetzt ist, wird es das Standard-Layout des Telefons folgen (Ios Standard ist zentriert, Android Standard-Links). Sein Wert kann "links", "Mitte", "rechts" werden.

no-Hahn-Scroll
(Optional)
boolean

In der Standardeinstellung, wenn Sie den Kopf der Titelleiste auf den Bildschirminhalt klicken auf den Kopf bewegen wird, kann kein Tippen Scroll auf true gesetzt werden, um die Aktion zu deaktivieren. . Sein Wert ist ein Boolescher Wert (true / false).

Ion-footer-Bar

Kennen Ion-header-Bar, Ion-footer-Bar auf leicht attraktiv verstehen! Nur Ion-footer-Bar befindet sich am unteren Rand des Bildschirms.

Verwendung 

<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

Und Ion-header-Bar ist anders, Ion-footer-Bar nur ausrichten-Titel in dieser API.

Immobilien Typ Beschreibung
align-Titel
(Optional)
string

Dies ist die Ausrichtung des Titels. Wenn nicht gesetzt ist, wird es das Standard-Layout des Telefons folgen (Ios Standard ist zentriert, Android Standard-Links). Sein Wert kann "links", "Mitte", "rechts" werden.