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指令定义，请参阅here。您可以看到替换原始元素的模板。

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