Wie kann ich in ionic 2 übergeben von Daten aus einem modal mit einem Formular auf, auf der home-Seite?

Hallo kann da jemand helfen. Ich bin neu in der Ionischen und Eckig. Ich bin versuchen, um eine Wetter-app in Ionic 2.
Habe ich eine Homepage mit einem Klick-Ereignis aufrufen einer AddWeather () - Funktion.
Die Funktion öffnet ein modales Formular beigefügt. Ich bin versucht, die übergabe der Daten aus dem Formular auf der modal-zurück zum home-Seite eine Ausgabe auf dem Bildschirm. Ich habe versucht ngModel aber kann nicht scheinen, um es richtig funktioniert.

Hier ist mein Code: (die Heimat.ts)

import { Component } from '@angular/core';
import { NavController, ModalController, NavParams } from 'ionic-angular';
import { AddPage } from '../add/add';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  public weatherList = [];
  constructor(public navCtrl: NavController, public modalCtrl: ModalController) {

}

addWeather() {
    let addWeatherModal = this.modalCtrl.create(AddPage);


    addWeatherModal.present();
  }
}

(add.html)

<ion-header>
  <ion-navbar color="weatherbru">
    <ion-title>Modal</ion-title>
    <ion-buttons end>
        <button ion-button icon-only (click)="CloseModal()"><ion-icon name="close"></ion-icon></button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
    <form>
        <ion-item>
            <ion-label stacked>City</ion-label>
            <ion-input type="text" ></ion-input>
        </ion-item>
        <ion-item>
            <ion-label stacked>Country</ion-label>
            <ion-select >
                <ion-option value="us">United States</ion-option>
                <ion-option value="uk">United Kingdom</ion-option>
            </ion-select>
        </ion-item>
        <button ion-button block (click)="CloseModal()">Add Weather</button>
    </form>
<div padding>
</div>
</ion-content>

(add.ts)

import { Component } from '@angular/core';
import { ModalController } from 'ionic-angular';
import { NavController, NavParams, ViewController } from 'ionic-angular';

@Component({
  selector: 'page-add',
  templateUrl: 'add.html'
})
export class AddPage {

  constructor(public viewCtrl: ViewController, public navCtrl: NavController, public navParams: NavParams) {}


CloseModal() {

  this.viewCtrl.dismiss();
 }

}
  • Überprüfen Sie in diesem link
  • Hey es, Dank für, die. Ich verstehe, dass ich brauchen, um Daten zu senden, als ich entlassen das Modell. Es ist immer das Formular auf add.html zum übergeben der Daten durch, ich habe ein Problem mit.
InformationsquelleAutor Tian Reagon | 2017-01-17
Schreibe einen Kommentar