angularjs – header-bar和class = bar-header之间的差异

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

他们之间有什么区别？

解决方法

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

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

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