Passe valeurs à l'intérieur d'un objet à un autre objet

voix
0

Je suis en train d'envoyer des données entre les pages ionique 3 et de faire que j'utilise un objet que j'utiliser pour l'entrée utilisateur du magasin dans mon objet A puis-je utiliser this.navParams.get pour stocker dans mon objet B, les valeurs à l'intérieur de mon premier objet. Mon problème est que je ne sais pas comment le faire correctement. Assez simple, thats tout ce que je dois faire, j'ai attributs à l'intérieur de mon objet A appelé nom, prénom, âge et taille, ces attributs je veux les passer à l'intérieur afin que je puisse les afficher mon objet B. Quant à l'erreur ce que je reçois quand je tente:

Cannot read property 'nome' of undefined

Et voici comment je suis en train de le faire:

mon home.html

    <ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  The world is your oyster.
  <p>
    If you get lost, the <a href=http://ionicframework.com/docs/v2>docs</a> will be your guide.
  </p>
  <ion-input placeholder=Insira o nome do objeto [(ngModel)]=myObject.nome></ion-input>
  <ion-input placeholder=Insira o sobrenome do objeto [(ngModel)]=myObject.sobrenome></ion-input>
  <ion-input placeholder=Insira a idade do objeto [(ngModel)]=myObject.idade></ion-input>
  <ion-input placeholder=Insira a altura do objeto [(ngModel)]=myObject.altura></ion-input>
  <button ion-button full (click)=goPage()>Go Item page</button>

</ion-content>

mon test.html

<!--
  Generated template for the TestPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>Test</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
<h1>Nome:{{user.nome}}</h1>
<h1>Sobrenome:{{user.sobrenome}}</h1>
<h1>Idade:{{user.idade}}</h1>
<h1>Altura:{{user.altura}}</h1>
</ion-content>

mes Home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { TestPage } from '../test/test';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  public myObject ={
      nome: ,
      sobrenome: ,
      idade:,
      altura:,

  };
  constructor(public navCtrl: NavController) {

  }
  goPage(){
    this.navCtrl.push(TestPage, {text:this.myObject});
  }
}

mes test.ts

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

/**
 * Generated class for the TestPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-test',
  templateUrl: 'test.html',
})
export class TestPage {
public text:string;
public user:any = {}; 
  constructor(public navCtrl: NavController, public navParams: NavParams) {
   // Precisely how i store myObject(Object A) inside my Object B(user) this.user = this.navParams.get('myObject');
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad TestPage');
  }

}
Créé 20/10/2018 à 02:48
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
1

home.ts

  goPage(){
    this.navCtrl.push(TestPage, {'myObject':this.myObject});
  }

test.ts

  constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.user = this.navParams.get('myObject');
  }
Créé 20/10/2018 à 03:04
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more