2017-02-07 14 views
0

プロンプトアラート入力ボックスから値を取得し、別の関数に入力値を送信しようとしています。プロンプトを開くことができました。また、ボタンをクリックすると入力フィールドに値をインポートできます私は私のコンソール上でそれを見ることができる「ログイン」ボタン、私は私が必要グローバル変数として文字列を設定

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"をクリックすると、入力フィールド内の値を表示する必要があります。いくつかの人が私を助けることができる

答えて

0

グローバルに利用できるものが必要なときは、いつでもServiceに入れなければなりません。

あなたの場合、取得して設定できる単純な文字列プロパティを保持するサービスを作成します。次に、そのサービスをコンポーネントに挿入します。あなたの角型アプリケーションが実行されている間、サービスの存続期間が最後になり、値は注入されるすべてのコンポーネント(または他のサービス)によって読み書きできます。

+0

私はサービスを書く方法を知っていません –