2017-07-12 5 views
0

イオン2警告ボックスに選択したインデックス値を表示しようとしています。しかし、私はイオンプロンプトでどのように表示するのが適切な方法を得ていません。イオン2フレームワークを使用して警告ボックスに選択したインデックス値を表示する方法

これはhome.ts私は削除機能のためのパラメータとして、私は、アラートボックスに表示する必要が同じ値をnoを渡しています上記の削除機能delete(no)

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import {AlertController} from 'ionic-angular'; 

@Component({ 
selector: 'page-home', 
templateUrl: 'home.html' 
}) 
export class HomePage { 
companies: Array< {name: string, code: number}> 
constructor(public navCtrl: NavController, public alertController: 
AlertController) { 
    this.companies = [ 
     {name: 'Microsoft', code: 1}, 
     {name: 'Apple', code: 2}, 
     {name: 'Google', code: 3}, 
     {name: 'Oracle', code: 4}, 
     {name: 'IBM', code: 5}, 
    ]; 
} 

delete(no) { 
    let alert = this.alertController.create({ 
     title: "Example", 
     subTitle: "Example SubTitle" + {{no}}; 
     buttons: ["OK"] 
    }); 

    alert.present(); 
    (this.companies).splice(no, 1); 
    } 

} 

です。

+0

あなたはdeleteメソッドにno' '周りの中括弧を持っているのはなぜ? – CuriousMind

+0

警告ボックスに値を表示しないでください – user993164

+0

次に、中括弧を入れる必要はありません。 – CuriousMind

答えて

0

これに対して共有プロバイダを作成するとよいでしょう。

shared.provider.ts:確認のため

public Alert = { 
    confirm: (msg?, title?, no?) => { 
     return new Promise((resolve, reject) => { 
     let alert = this._alert.create({ 
      title: title || 'Confirm', // `Example SubTitle ${no}` 
      message: msg || 'Do you want continue?', 
      buttons: [ 
      { 
       text: 'Cancel', 
       role: 'cancel', 
       handler:() => { 
       reject(false); 
       } 
      }, 
      { 
       text: 'Ok', 
       handler:() => { 
       resolve(true); 
       } 
      } 
      ] 
     }); 
     alert.present(); 
     }); 

    }, 
    alert: (msg, title?) => { 
     let alert = this._alert.create({ 
     title: title || 'Alert', 
     subTitle: msg, 
     buttons: ['Dismiss'] 
     }); 

     alert.present(); 
    } 
    } 

のInvoke警告:

 import { SharedProvider } from '../../providers/shared.provider'; 
    this.shared.Alert.confirm('Would you like to delete?', 'Confirm', 2).then((response) => { 
      console.log('confirmed'); 
     }, err => { 
      console.error('rejected'); 
     }); 
関連する問題