Config

一、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',
        }
      }
    }, {}
  )],
  ...
})


我们也可以在组件层次配置他,比如tabPlacement,我们可以在ion-tabs中配置。

<ion-tabs tabsPlacement="top">
  <ion-tab tabTitle="Dash" tabIcon="pulse" [root]="tabRoot"></ion-tab>
</ion-tabs>


任何值都可以被加到config中,并在这之后可以在任何地方被提取。

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)



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值