angularjs - Difference between header-bar and class=bar-header

Question

There are two ways in which one can make headers using Ionic framework.

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

And

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

Links in Documentation : For first : http://ionicframework.com/docs/components/ For second : http://ionicframework.com/docs/angularjs/views/header/

What is the difference between them?

Answer 1

第一个是使用预定义 CSS 类名的原生 HTML 元素。

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

像这样的指令将在未来的网络中发挥有趣的作用。Web 组件中有一个标准将标准化这些标记结构。除了 AngularJS 中的指令之外，还有另一种流行的方式来使用Polymer来制作这种风格的组件。