Как создать постоянный файл в ионной 3?

Question

Каков наилучший / рекомендуемый способ установить глобальную константу, которая будет использоваться во всем приложении, например строку URL-адреса API?

У меня есть формат JSON, и я хочу установить глобальную константу и использовать ее черезвсе приложение как статическое.import { Injectable } from '@angular/core';

@Injectable() export class Service { item_data = [ { item_id:'1', item_image: "assets/img/bluesaphire.jpg", item_title:'Blue Saphire Stone' } ];

Answer 1

Переменные окружения могут быть хорошим способом справиться с этим.Смотрите пример:

https://medium.com/prototype-berlin/a-simple-way-to-use-environment-variables-in-ionic-3-12641dc55b55

Answer 2

Очень просто!Просто выполните следующие два шага -

1) Создайте Injectable класс (например, AppConstants) в корневом каталоге (например, src)с необходимыми свойствами

2) Импортируйте его в конструктор класса компонента и используйте там, где это необходимо

Итак, ваш app.constants.ts будет выглядеть так -

import { Injectable } from '@angular/core';

@Injectable({
    providedIn: 'root'
})
public class AppConstants {
    public item_data = [
        { item_id:'1', item_image: "assets/img/bluesaphire.jpg",  item_title:'Blue Saphire Stone' } 
    ];
}

И используйте его как -

// here, config is a directory & app.constants is a ts file
import { AppConstants } from '../../config/app.constants';    // update your way

public class TestComponent {
    // dependency injection
    constructor(private constants: AppConstants) { }

    testMethod() {
        // using it here
        console.log(this.constants.item_data);
    }
}