将字符串设置为全局变量

Question

我正在尝试从提示警报输入框中获取值并将输入值发送到另一个函数，我可以打开提示，并且在按钮上单击能够将值导入输入字段，单击"登录"按钮我可以在我的控制台上查看它，

我需要声明一个全局变量，并在需要在此页面中使用它时访问它

import { Component } from '@angular/core';
import { NavController, NavParams, AlertController } from 'ionic-angular';
import { HomePage } from '../home/home';

@Component({
    selector: 'page-login',
    templateUrl: 'login.html'
})
export class LoginPage {
    FileName: Array<Object>;
    constructor(public navCtrl: NavController,
                public alertCtrl: AlertController,
                public navParams: NavParams,
                ) { }
presentPrompt() {
        let alert = this.alertCtrl.create({
            title: 'Login',
                inputs: [
                    {
                        name: 'FileName',
                        placeholder: 'Rename Your Audio File'
                    }
                ],
            buttons: [
                {
                    text: 'Cancel',
                    role: 'cancel',
                    handler: data => {
                        console.log('Cancel clicked');
                    }
                },
                {
                    text: 'Login',
                    handler: data => {
                        console.log("login clicked");
                       this.FileName = data.FileName + '.mp3';
                    }
                }
            ]
        });
            alert.present();
    }
    getValue(){
         console.log("trying to get value", this.FileName);       
       // value from prompt must be send to the above console
    }

我需要的是，当单击"getvalue"时，应该查看输入字段中的"文件名"值。 有人可以帮助我吗

Answer 1

每当你需要一些全局可用的东西时，你必须把它放到一个Service。

在您的情况下，创建一个服务，该服务将保存一个简单的字符串属性，可以获取和设置该属性。然后将该服务注入到组件中。服务的生存期持续到您的角度应用程序运行的整个时间，并且该值可以由将注入该值的每个组件(或其他服务(读取/写入。