Я хочу экспортировать IP-адрес в несколько компонентов в угловых 7

Question

например http://192.162.27.989/CRB/api/building/

Это API, в котором я хочу экспортировать в различные компоненты, так как он используется несколько раз.Поэтому, когда меняются IP-адреса, мне нужно вносить изменения только в один файл, а не несколько раз.Как я могу использовать этот IP снова и снова в разных файлах, просто определяя что-то.

Answer 1

В environment.ts вы можете указать свой IP-адрес следующим образом:

export const environment = {
  production: false,
  baseURL: http://192.162.27.989
};

, а затем импортировать эту переменную, открыв файл environment и получив BaseURL.

В компоненте -

import { environment } from '../../environments/environment';

// In class
private baseURL = environment.baseURL;

// Use like this
private yourApiEndpoint = baseURL + "/CRB/api/building/";

Answer 2

У Сачина правильная идея!Вы можете создать файл глобальных констант (например, global-constants.ts) следующим образом:

export const AppGlobal = Object.freeze ({
IPAddress: '192.10.10.10', SupportPhoneNumber: '1-888-111-2222 ', CompanyFacebookUrl:' https://www.facebook.com/xxx', CompanyTwitterUrl: 'https://twitter.com/xxx', .... все, что вы хотите});

И затем в любом компоненте:

import {AppGlobal} из "../../shared/global-constants";// поставить правильный путь

И ссылаться на ваш глобальный с точечной нотацией:

AppGlobal.IPAddress

Answer 3

Создайте файл api-endpoints.ts или все, что вам нужно или подходит для вас

export const API_BASE_URL = 'http://192.162.27.989/'; 

export const API_BUILDING1_ENDPOINT = API_BASE_URL + 'CRB/api/building1';

export const API_BUILDING2_ENDPOINT = API_BASE_URL + 'CRB/api/building2';

, а затем, где вы хотите использовать эту конечную точку, просто импортируйте ее.

import { API_BUILDING1_ENDPOINT API_BUILDING2_ENDPOINT } from 'somepath/api-endpoints';

Answer 4

1) Создать файл ts config.ts

config.ts

export const BASEURL = '#';

export const DATAURLS = Object.freeze({
  IP:  BASEURL  + 'http://192.162.27.989/CRB/api/building/',
  IP2: BASEURL  + 'http://192.163.27.989/CRB/api/building/'
});

.ts

// In your .ts file get it  by ->  `DATAURL.IP`