イオン3の開発環境と生産環境を基にしたデータ表示

Question

マイページに条件付きイオン選択を表示しようとしていますが、apkが開発目的で開発されている場合にのみ表示されます。私は生産目的のために開発されている私のAPKにそのイオン選択を表示したくないです。この選択により、ApiのURL全体が変更されます。私は動作していない別のソリューションを試しました。それらのいくつかは以下の通りです：

http://roblouie.com/article/296/ionic-2-environment-variables-the-best-way/ https://medium.com/@hin556/managing-environment-variables-in-ionic-2-43506f49acfb https://masimplo.com/using-environment-config-in-ionic2/index.html https://artyomsokolov.com/tag/typescript/

私は上記のすべてのソリューションと、より多くのを試してみましたが、それらは開発のために返すように生産のために同じデータを戻ってきています。どのように私は私の究極の目標を達成することができます。あなたの助けに感謝します。前もって感謝します。あなたはデフォルトを定義する必要があり、コンストラクタであなたのAppComponentで

export const CONFIG: any = { 
    prodEnv: false, 
    apiUrl: null, 
    devApiUrl: 'http://localhost/app_dev.php/api/', 
    prodApiUrl: 'https://api.test.com/api/' 
}; 

どこか：これを行うには

Answer 1

一つの方法は、さんがconfig.ts、ご使用の環境の値を言わせて、あなた自身の設定ファイルに追加することですCONFIG.apiUrlの値です

あなたが選択を表示したいページで

、TSファイルに次の行を追加します。

get isProd() { 
    return CONFIG.prodEnv; 
} 
setProd(event) { 
    CONFIG.prodEnv = event; 
    CONFIG.apiUrl = event ? CONFIG.prodApiUrl : CONFIG.devApiUrl; 
} 

そしてHTMLで：

<ion-select *ngIf="!isProd" name="environment" (ionChange)="setProd($event)"> 
    <ion-option [value]="true">Production</ion-option> 
    <ion-option [value]="false" [selected]="!isProd">Development</ion-option> 
</ion-select>