Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 标题栏和类别之间的差异=标题栏_Angularjs_Ionic Framework - Fatal编程技术网

Angularjs 标题栏和类别之间的差异=标题栏

Angularjs 标题栏和类别之间的差异=标题栏,angularjs,ionic-framework,Angularjs,Ionic Framework,有两种方法可以使用Ionic框架制作头文件 <div class="bar bar-header bar-dark"> <h1 class="title">Title</h1> </div> 标题 及 文档中的链接: 首先: 第二: 它们之间的区别是什么?第一个是使用预定义CSS类名的原生HTML元素 第二种是使用AngularJS指令。基本上,它是一个自定义元素,在运行时将被模板替换。有关实际的AngularJS指令定义

有两种方法可以使用Ionic框架制作头文件

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

标题


文档中的链接: 首先: 第二:


它们之间的区别是什么?

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

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


这样的指令将在web的未来中扮演一个有趣的角色。目前有一个标准将标准化这些标记结构。除了AngularJS中的指令之外,还有另一种流行的方法可以使用来完成这种类型的组件。

谢谢。现在我有另一个问题,应该使用哪一个?如果自定义元素在运行时被模板替换,它会有性能问题吗?会有一些开销,但对指令的更改只在一个地方进行。这是性能和可重用性之间的权衡。如果有大量的重用,或者它使您的标记更易于阅读,我会选择该指令。请参见此处类似的问题回答:
<header-bar title="'Title'" type="bar-dark">
 </header-bar>