header-bar和class = bar-header之间的区别

Question

有两种方法可以使用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/

他们之间有什么区别？

Answer 1

第一个是使用预定义CSS类名的本机HTML元素.

第二个是使用AngularJS指令.基本上它是一个自定义元素,在运行时将被模板替换.请参阅此处了解实际的AngularJS指令定义.您可以看到替换原始元素的模板.

像这样的指令将成为网络未来的有趣部分.Web组件中有一个标准,它将标准化这些标记结构.除了AngularJS中的指令外,还有另一种使用Polymer执行此类组件的流行方法.