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
  }
];

搞定！