使用离子框架构建应用程序时,有两种方法可以定义UI元素:
使用div
代码:
<div class="bar bar-header bar-positive">
...
</div>
使用指令:
<ion-header-bar class="bar-positive">
...
</ion-header-bar>
在documentation中,使用了第一个变体(使用div
)。但在我看的一个过程中,第二个被使用(对我来说似乎更清洁)。
上面显示的两种方式有什么区别?是否有首选或推荐的UI元素定义方法?
答案 0 :(得分:1)
如果您需要访问相应的API,我建议您使用Directives而不是Div。例如,列表:http://ionicframework.com/docs/api/directive/ionList/ 使用该指令将允许您使用API选项。
但是,如果你只想要一个漂亮的UI,并且你不需要API,你可以使用div来快速渲染模板。
答案 1 :(得分:1)
ion-header-bar标签只是由离子编写的指令,带有一些你不会在div标签中获得的奇妙属性
属性如:
<强> ALIGN-标题强>
no-tap-scroll
这两者都带有ion-header-bar标签,所以如果你想对视图执行任何动作,你可以使用离子标签或仅用于查看目的,你可以使用div标签。