javascript - ionic 2 วิธีใช้ตัวแปรค่าคงที่ที่ประกาศใน index.html?

ฉันกำลังสร้างแอป Android ใน Ionic 2 ฉันประกาศตัวแปรในแท็กสคริปต์ใน index.html ค่าคงที่นี้ฉันต้องการใช้ในหน้าและโค้ด providers ของ Ionic 2 ฉันได้วางโค้ดของฉันด้านล่าง ขอบคุณล่วงหน้า...

ดัชนี.html

    <html lang="en">
    <head>
      <title>Ionic</title>
      <meta charset="UTF-8">

      <link ios-href="build/css/app.ios.css" rel="stylesheet">
      <link md-href="build/css/app.md.css" rel="stylesheet">
      <link wp-href="build/css/app.wp.css" rel="stylesheet">  
    </head>
    <body>

      <ion-app></ion-app>

      <!-- cordova.js required for cordova apps -->
      <script src="cordova.js"></script>

      <script src="build/js/es6-shim.min.js"></script>
      <!-- Zone.js and Reflect-metadata  -->
      <script src="build/js/Reflect.js"></script>
      <script src="build/js/zone.js"></script>
      <!-- the bundle which is built from the app's source code -->
      <script src="build/js/app.bundle.js"></script>

    <script type="text/javascript">
       BASE_APP_URL="www.google.com";
    </script>
    </body>
    </html>

รายละเอียด-สินค้า.ts

    import {Component} from '@angular/core';
    import {NavController, NavParams} from 'ionic-angular';
    @Component({
      templateUrl: 'build/pages/item-details/item-details.html'
    })
    export class ItemDetailsPage {
      selectedItem: any;

      constructor(public navCtrl: NavController, navParams: NavParams) {
                this.selectedItem = navParams.get('item');
                console.log(BASE_APP_URL);
         <!---it gives an error that name
          Error TS2304: Cannot find    name 'BASE_APP_URL'. -->                                 
          }
        }

คำตอบ #1

แม้ว่าวิธีที่ดีกว่าในการจัดการการตั้งค่าแบบคงที่ในแอป Ionic จะเป็นวิธีที่อยู่ในโพสต์นี้ คุณก็สามารถทำให้โค้ดของคุณทำงานได้โดย:

1. รวมสคริปต์กับตัวแปรของคุณ ก่อน <script src="build/js/app.bundle.js"></script> เพราะนั่นคือที่ที่คุณจะใช้งานมัน

2. การประกาศตัวแปรนั้นเป็นส่วนหนึ่งของวัตถุ window โดยนัย

   <!-- Your variable -->
   <script type="text/javascript">
       window.BASE_APP_URL="www.google.com";
   </script>
   
   <!-- the bundle which is built from the app's source code -->
   <script src="build/js/app.bundle.js"></script>
   

และจากนั้นในโค้ดของคุณ:

import {Component} from '@angular/core';
import {NavController, NavParams} from 'ionic-angular';
@Component({
  templateUrl: 'build/pages/item-details/item-details.html'
})
export class ItemDetailsPage {
  selectedItem: any;

  constructor(public navCtrl: NavController, navParams: NavParams) {
    this.selectedItem = navParams.get('item');
    console.log(window.BASE_APP_URL);                    
  }
}

อย่างที่กล่าวมา ฉันยังคงแนะนำวิธีนี้เมื่อจัดการการตั้งค่าคงที่ในแอป Ionic 2 ใด ๆ