Unterschied zwischen header-bar und class = bar-header

Question

Es gibt zwei Möglichkeiten, wie man Header mit Ionic Framework erstellen kann.

<div class="bar bar-header bar-dark"> 
     <h1 class="title">Title</h1> 
</div> 

Und

<header-bar title="'Title'" type="bar-dark"> 
</header-bar> 

Verbindungen in Dokumentation: Für zuerst: http://ionicframework.com/docs/components/ Für Sekunde: http://ionicframework.com/docs/angularjs/views/header/

Was ist der Unterschied zwischen ihnen?

Answer 1

Das erste sind native HTML-Elemente, die die vordefinierten CSS-Klassennamen verwenden.

Die zweite verwendet eine AngularJS-Direktive. Grundsätzlich ist es ein benutzerdefiniertes Element, das zur Laufzeit durch eine Vorlage ersetzt wird. Die tatsächliche AngularJS-Richtliniendefinition finden Sie unter here. Sie können die Vorlage sehen, die das ursprüngliche Element ersetzt.

Richtlinien wie diese werden einen interessanten Teil der Zukunft des Webs spielen. Es gibt einen Standard auf dem Weg in Web Components, der diese Art von Markup-Konstrukten standardisieren wird. Neben den Direktiven in AngularJS gibt es eine weitere beliebte Möglichkeit, diesen Stil von Komponenten mit Polymer zu erstellen.