[morse]在 Angular 中設定全域變數的方法

我想在Angular中設定一個全域變數，以將我個人開發系統的連線網址做個人化的變更，也就是讓使用者可以自行定義由那一台主機進行登入(原由就不再贅述)。

1.宣告變數

打開 app.component.ts 並加入我們想要的變數宣告

例如:

public static morseSystemIP = '10.0.0.1:8080';

2.在要取用或改變此全域變數的地方做如下的引用

//取用

this.baseUrl = AppComponent.morseSystemIP;

//改變值

AppComponent.morseSystemIP = '000.000.00.000';

如果有需要多組的IP做選擇可以考慮使用列舉的方式製作 可參考:

Angular Enum 要如何轉換為下拉選單

Morse 2020/08/02

[morse]Angular Enum 要如何轉換為下拉選單

列舉的宣告

enum Currency {

    USD = 'US Dollar',

    MYR = 'Malaysian Ringgit',

    SGD = 'Singapore Dollar',

    INR = 'Indian Rupee',

    JPY = 'Japanese Yen'

}

在Angular的Html中引用時可用以下方法:

<select [(ngModel)]="selectedCurrency">

    <option

        *ngFor="let currency of currencies | keyvalue" 

        value="{{currency.key}}">

            {{currency.value}}

    </option>

</select>

值的動態綁定(例如要在AppComponent中作綁定)：

export class AppComponent {

    currencies = Currency;

    selectedCurrency: Currency;

}

Morse 2020/08/02