在离子

时间:2015-12-23 09:18:29

标签: ionic angular-directive

使用离子框架构建应用程序时,有两种方法可以定义UI元素:

使用div代码:

<div class="bar bar-header bar-positive">
  ...
</div>

使用指令:

<ion-header-bar class="bar-positive">
  ...
</ion-header-bar>

documentation中,使用了第一个变体(使用div)。但在我看的一个过程中,第二个被使用(对我来说似乎更清洁)。

上面显示的两种方式有什么区别?是否有首选或推荐的UI元素定义方法?

2 个答案:

答案 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标签。