ionic3中使用自定义配置

Posted 2020-11-05 zhengmantoua

新工作接触了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
  }
];

搞定！