ionic3中使用自定义配置

新工作接触了ionic,以前没用过,只是离职前短暂接触过类似的vuex,到需要修改公司项目的时候临时差什么学什么,其中一个是自定义配置项

配置是很常见的设置,之前用的thinkphp的配置很清晰,基本上是随写谁用,但在ionic需要用自定义配置时我懵了先是去搜自定义配置,前面一大堆的自定义插件的结果,就是没有配置,无论是百度还是搜狗全是无关的东西,用谷歌搜了一个符合问题的提问,点进去却没人回答

又是用谷歌搜了angular自定义配置,ionic配置啥啥啥一堆关键词,最后用常量总算是找到部分符合预期的答案了(https://blog.csdn.net/u010730897/article/details/53608869),具体的自己点进去看,我需要的是直接以属性的形式,自己尝试了一会总算搞定

具体方法:

在src/app下新建app.config.ts,写

export class AppConfig{
    static Protocol="http";
    static InterfacePreURL=AppConfig.Protocol+"://www.网址.com/"
}

这两个配置项是我用于切换线上和调试url用的

在需要使用的地方导入它

import {AppConfig} from "../../app/app.config";

上面的路径是phpstorm给我生成的,需要自行修改

具体使用

public slides = [
  {
    src:AppConfig.InterfacePreURL+'resources/assets/images/banner2.jpg',
    id:1
  },
  {
    src: AppConfig.InterfacePreURL+'resources/assets/images/banner3.jpg',
    id:8
  },
  {
    src: AppConfig.InterfacePreURL+'resources/assets/images/banner4.jpg',
    id:9
  }
];

搞定!

猜你喜欢

转载自my.oschina.net/u/3470006/blog/1802186