一、Config让你配置你的整个app和指定平台,你可以设置tab的位置,icon的模式,动画等等。
import { IonicApp, IonicModule } from 'ionic-angular';
@NgModule({
declarations: [ MyApp ],
imports: [
IonicModule.forRoot(MyApp, {
backButtonText: 'Go Back',
iconMode: 'ios',
modalEnter: 'modal-slide-in',
modalLeave: 'modal-slide-out',
tabsPlacement: 'bottom',
pageTransition: 'ios'
}, {}
)],
bootstrap: [IonicApp],
entryComponents: [ MyApp ],
providers: []
})
Config允许在不同层面上使用更详细的设置,下面是一个根据平台来更改config的例子。
import { IonicModule } from 'ionic-angular';
@NgModule({
...
imports: [
IonicModule.forRoot(MyApp, {
tabsPlacement: 'bottom',
platforms: {
ios: {
tabsPlacement: 'top',
}
}
}, {}
)],
...
})
<ion-tabs tabsPlacement="top">
<ion-tab tabTitle="Dash" tabIcon="pulse" [root]="tabRoot"></ion-tab>
</ion-tabs>
config.set('ios', 'favoriteColor', 'green');
// from any page in your app:
config.get('favoriteColor'); // 'green' when iOS
一个value值可以在任意地方存储并且可以是任何东西,但每个都有自己的默认值。theme文档中有默认值,接下来的表格展示了每个属性和他控制的东西。
activator:用于button,会影响button的点击效果。可选项是ripple和highlight
actionSheetEnter: 当actionSheet出现时使用的动画的名称
actionSheetLeave:
alertEnter:
alertLeave:
backButtonText:
backButtonIcon:
iconMode: 所有icon在app中的样式,可选项是md和ios
loadingEnter:
loadingLeave:
menuType:menu显示的类型,可选项有ovelay,reveal,push.
modalEnter:
modalLeave:
mode:ios和md
pageTransition:页面更换的时候使用的动画名字
pageTransitionDelay:延迟几秒钟来开始页面更换的动画
pickerEnter:
pickerLeave:
popoverLeave:
spinner:当name没有定义的时候使用默认的
swipeBackEnable:原生ios的返回功能是否可用
tabsHighlight:在tab被选中时是否显示高亮
tabsLayout:所有tab的布局,可选项有icon-left/top/bottom/right,icon-hide,title-hide
tabsHideOnSubPages:tab是否隐藏
toastEnter:
toastLeave:
二
1、get(key,fallbackValue)
fallbackValue为默认值,如果没有默认值则为null
2、getBoolean(key,fallbackValue)
返回一个boolean值,默认值为false,如果config的string值为true,那么他也会返回true。
3、getNumber(key,fallbackValue)
会把从get方法里的值通过parseFloat再返回,如果结果是NaN,那么就会返回默认值,如果没有提供返回值那么会返回一个NaN,当返回一个无效的数字的时候。
4、set(platform,key,value)