Ionic Js的导航和内容

   

ionic Js的页眉页脚包括以下部分

1.Ion-nav-view

在ionic里，我们使用ion-nav-view指令代替AngularUI Route中的 ui-view指令，来进行模板的渲染：

<ion-nav-view>

</ion-nav-view>

 

 

2.Ion-view

cache-view - 是否对这个模板视图进行缓存

允许值为：true | false，默认为true

3.Ion-header-bar

<ion-header-bar>...</ion-header-bar>

ion-header-bar指令有两个可选的属性：

align-title - 设置标题文字的对齐方式。允许值：left | right | center，默认 center。

no-tap-scroll - 当点击标题时是否将内容区域自动滚动到最开始。允许值：true | false，默认为true。

4.Ion-footer-bar

<ion-footer-bar>...</ion-footer-bar>

ion-footer-bar指令有一个可选的属性：

align-title - 设置标题文本的对齐方式。允许值：left | right | center 。

5. Ion-content

<ion-content>...</ion-content>

ion-content占据header和footer以外的剩余区域。当内容超过可视区域时，ion-content 可以滚动以显示被隐藏的部分。

默认 ionic 自定制的滚动视图，可以使用 overflow-scroll 属性设置使用系统内置的滚动条。