标题栏和类别=标题栏之间的区别

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来实现这种类型组件的流行方式。