$ionicConfigProvider

ionic自动使用配置,以调整如视图要使用的过渡样式以及选项卡图标应显示在顶部或底部。例如,iOS上将进入视图动画从右向中心移动并将离开视图动画从中心向左移动。 而,Android进入视图动画将从底部到中心,覆盖前一个视图,将保持静止。注意,当一个平台不是iOS或Android,那么它将以iOS处理。 所以如果你是在桌面浏览器上开发,它将采取iOS默认配置。

配置信息可以在应用程序的配置阶段使用$ionicConfigProvider更改。 此外,$ionicConfig可以在运行阶段和应用程序本身内设置和获取配置值。

默认情况下,配置变量为'platform',意味着在不同平台将采用各自的配置(如:ios选项卡在底部,android在顶部)。 可以在这个级别设置配置变量,因此所有平台都将遵循相同的设置,以下的代码将为所有平台设置相同的配置变量:

$ionicConfigProvider.views.maxCache(10);

$ionicConfigProvider.platform属性可以为指定的平台设置配置。 以下配置仅适用于Android设备。

$ionicConfigProvider.platform.android.views.maxCache(5);

实例该文档来自ionic中文网ionic-china

var myApp = angular.module('reallyCoolApp', ['ionic']);

myApp.config(function($ionicConfigProvider) {
  $ionicConfigProvider.views.maxCache(5);

  // note that you can also chain configs
  $ionicConfigProvider.backButton.text('Go Back').icon('ion-chevron-left');
});

方法

views.transition(transition)

视图间转换时的动画样式。 默认platform

参数 类型 说明
transition string

使用哪种风格转换视图。

  • platform: 根据运行的平台,自动选择转换方式。 如果平台不是ios或android,那么它将默认为ios
  • ios: ios转换风格
  • android: Android转换风格
  • none: 不执行过渡动画
  • 返回: string

views.maxCache(maxNumber)

在DOM中缓存的视图最大数量。当超过最大数量时,最开始被访问的视图将被删除。视图保存在DOM中会缓存它的视图作用域,当前的状态和滚动位置。 当他被缓存时作用域从$watch周期断开,当它被再次访问时重新连接。 当最大缓存为0时,在每次视图切换之后,离开视图的元素将从DOM中移除,在下一次显示相同的视图时将被重新解析,并附加到DOM中重新链接元素 。等同于禁用缓存。

参数 类型 说明
maxNumber number

要保留的最大视图缓存数量。 默认值10

  • 返回: number 在离开视图之前,离子将保留多少个视图。

views.forwardCache(value)

默认情况下,我们跳转页面时最近访问视图都已被缓存,当再次访问时,相同的实例数据和DOM元素会被引用。然而,当从历史记录访问,“前进”视图是从缓存中移除。如果你再次跳转到这个视图,它会创建一个新的DOM元素和控制器实例。基本上,任何视图都是每次重新渲染。设置这个配置为 true 则将有缓存而且在视图加载时不重置。

参数 类型 说明
value boolean
  • 返回: boolean

scrolling.jsScrolling(value)

选择使用js模拟滚动还是原生滚动。 默认为JS滚动。 设置为false将和为ion-content设置overflow-scroll ='true'的效果相同。

参数 类型 说明
value boolean

默认:true

  • 返回: boolean

backButton.icon(value)

返回按钮的图标。

参数 类型 说明
value string
  • 返回: string

backButton.text(value)

返回按钮的文本。

参数 类型 说明
value string

默认:Back.

  • 返回: string

backButton.previousTitleText(value)

是否把以前视图的标题作为后退按钮的文本。 这是iOS的默认做法。

参数 类型 说明
value boolean
  • 返回: boolean

form.checkbox(value)

多选框的样式。 Android默认为square,iOS默认为circle。

参数 类型 说明
value string
  • 返回: string

form.toggle(value)

切换开关的样式。 Android默认为,iOS默认为

参数 类型 说明
value string
  • 返回: string

tabs.style(value)

选项卡的样式。 Android默认为striped,iOS默认为standard

参数 类型 说明
value string

可用值包括stripedstandard

  • 返回: string

tabs.position(value)

选项卡的位置。 Android默认为top,iOS默认为bottom

参数 类型 说明
value string

可用值包括topbottom

  • 返回: string

templates.maxPrefetch(value)

设置在$stateProvider.state中定义的templateUrls预加载模板的最大数量。 如果设置为0,用户将在打开一个新页面时必须等待页面加载完毕 默认值30

参数 类型 说明
value integer

$stateProvider.state中定义的templateUrls预加载模板的最大数量

  • 返回: integer

navBar.alignTitle(value)

导航栏标题的对齐方式,默认:center(居中).

参数 类型 说明
value string

side of the navBar to align the title.

  • platform: 根据运行的平台自动切换标题样式。ios默认centerandroid默认left。其它默认center

  • left: 左对齐导航栏标题
  • center: 居中对齐导航栏标题
  • right: 右对齐导航栏标题
  • 返回: string

navBar.positionPrimaryButtons(value)

设置导航条中主导航按钮的对其位置。默认:left

参数 类型 说明
value string

侧面的导航条中主导航按钮的对其位置。

  • platform: 根据运行的平台自动切换标题样式。ios默认leftandroid默认right。其它默认left

  • left: 左对齐主导航栏按钮
  • right: 右对齐主导航栏按钮
  • 返回: string

navBar.positionSecondaryButtons(value)

设置导航条中辅助导航按钮的对其位置。默认:right

参数 类型 说明
value string

侧面的导航条中辅助导航按钮的对其位置。

  • platform: 根据运行的平台自动切换标题样式。ios默认rightandroid默认right。其它默认right

  • left: 左对齐辅助导航栏按钮
  • right: 右对齐辅助导航栏按钮
  • 返回: string