时间戳

首页 > 解决方案 > 如何使用注入令牌/App_init 概念使用 Angular 使用多个 url

javascript - 如何使用注入令牌/App_init 概念使用 Angular 使用多个 url

问题描述

在这里，我需要与多 URL 消费场景相关的建议或更好的方法：我在 assets 文件夹中有一个 JSON 文件，其中包含多个 URL，如下所示

{
    "Url1": "http://dummy.restapiexample.com/",
    "Url2": "https://reqres.com"
     "url3": "https://fakeapi.com"
}

使用 environment.ts 或不使用 environment.ts 我需要使用这些 URL 和

我尝试消费的方式是

使用 json 文件到 --> config.service.ts -->Setting.service.ts（每个 url 将根据 url 有不同的方法，它将调用该方法） --> dataLayer.service.ts --> some .component.ts

JSON --> config.service.ts（加载 json 文件的位置） config.service.ts --> settings.service.ts（选择要调用的 url 的位置）

 ex: 
      public x(){
       return  url1
    }

    public y(){
       return url2 
    }

像上面基于来自 dataLayer.service.ts 的调用它调用
settings.service.ts --> dataLayer.service.ts 中的一些差异方法

在这里它调用设置方法，如

  public Method1(){
   this.settings.x()
 }

并且使用 some.compoent.ts 调用此数据层

this.datalayer.method1.susbscribe(res => {res})

所以我的观点是如何实现注入令牌场景或 APP_INITIALIZER

标签： javascriptangulartypescript

解决方案

推荐阅读