Question

设置要在整个应用中使用的全局常量（例如API URL字符串）的最佳/推荐方法是什么？

我具有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

非常简单！只需遵循以下两个步骤-

1）在具有必需属性的根目录（例如src）中创建 Injectable 类（例如AppConstants）

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

Answer 2

环境变量可以是解决此问题的好方法。参见示例：

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

如何在ionic 3中创建一个常量文件？

2 个答案: