ionic3中使用自定义配置

最新推荐文章于 2020-01-28 23:42:13 发布

终结者ASDF

最新推荐文章于 2020-01-28 23:42:13 发布

阅读量411

点赞数

本文介绍了如何在Ionic项目中实现自定义配置项的过程。通过创建一个AppConfig类，作者详细展示了如何设置和引用配置参数，如协议类型和接口前缀URL，并提供了实际应用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

又是用谷歌搜了angular自定义配置，ionic配置啥啥啥一堆关键词，最后用常量总算是找到部分符合预期的答案了（https://blog.youkuaiyun.com/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
  }
];

完成