ionic2
क्रियार्थ द्योतक

मोडल का उपयोग करना

मोडल्स एक अस्थायी UI प्रदर्शित करने के लिए ऑफ स्क्रीन में स्लाइड करते हैं, जिसका उपयोग अक्सर लॉगिन या साइनअप पेज, संदेश संरचना और विकल्प चयन के लिए किया जाता है।

import { ModalController } from 'ionic-angular';
import { ModalPage } from './modal-page';

export class MyPage {
  constructor(public modalCtrl: ModalController) {
  }

  presentModal() {
    let modal = this.modalCtrl.create(ModalPage);
    modal.present();
  }
}

नोट: एक मॉडल एक सामग्री फलक है जो उपयोगकर्ता के वर्तमान पृष्ठ पर जाता है।

एक मोडल के माध्यम से डेटा पास करना

डेटा को दूसरे तर्क के रूप में Modal.create() माध्यम से एक नए मॉडल में पारित किया जा सकता है। फिर डेटा को NavParams को इंजेक्ट करके खुले पृष्ठ से एक्सेस किया जा सकता है। ध्यान दें कि पृष्ठ, जो एक मोडल के रूप में खोला गया है, इसके भीतर कोई विशेष "मोडल" तर्क नहीं है, लेकिन एक मानक पृष्ठ की तुलना में अलग रूप से NavParams का उपयोग नहीं करता है।

पहला पन्ना:

import { ModalController, NavParams } from 'ionic-angular';

export class HomePage {

 constructor(public modalCtrl: ModalController) {

 }

 presentProfileModal() {
   let profileModal = this.modalCtrl.create(Profile, { userId: 8675309 });
   profileModal.present();
 }

}

दूसरा पेज:

import { NavParams } from 'ionic-angular';
export class Profile {

 constructor(params: NavParams) {
   console.log('UserId', params.get('userId'));
 }

}