2014-01-29 59 views
5

有兩種方法可以使用Ionic框架創建標題。標題欄和類別=標題欄之間的區別

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

與文獻

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

鏈接: 對於第一:http://ionicframework.com/docs/components/ 對於第二:http://ionicframework.com/docs/angularjs/views/header/

它們之間有什麼區別?

+1

在這裏看到類似的問題的答案:http://forum.ionicframework.com/t/ion-vs-div-directives/7524/4 –

回答

7

第一個是使用預定義的CSS類名稱的原生HTML元素。

第二個是使用AngularJS指令。基本上它是一個自定義元素,在運行時將被替換爲模板。有關實際的AngularJS指令定義,請參閱here。您可以看到替換原始元素的模板。

像這樣的指令將在網絡的未來發揮有趣的一部分。在Web Components中有一個標準將標準化這些標記結構。除了AngularJS中的指令外,還有另外一種使用Polymer來實現這種類型組件的流行方式。

+0

謝謝。所以我現在有另一個查詢,應該使用哪一個?如果自定義元素在運行時被模板替換,它是否會有任何性能問題? –

+1

有一些開銷,但對指令的更改只能在一個地方完成。這是性能和可重用性之間的折衷。如果存在大量重用或它使您的標記更易於閱讀,我會去執行該指令。 – Maurice