passage multiple navparam forme ionique 2 de html

Question

Bonjour Je veux transmettre plusieurs données est leur aucune façon comme

<button [navPush]="mainPage" [navParams]='data1+data2">Main Page </button> 

S'il vous plaît aider grâce

Answer 1

Vous pouvez facilement utiliser un objet avec tableau:

<button [navPush]="mainPage" [navParams]='{data:[data1,data2]}">Main Page </button> 

accéder ensuite comme ceci:

navParams.get('data'); 

Vous pouvez également définir comme ceci:

<button [navPush]="mainPage" [navParams]='{data1:data1,data2:data2]}">Main Page </button> 

Et les accès comme:

navParams.get('data1'); 

Answer 2

Depuis ce que vous envoyez navParam est un objet, vous pouvez y mettre toutes les données:

import { MainPage } from './main'; 

@Component({ 
    ... 
}) 
class MyPage { 
    mainPage: any; 
    params: Object; 

    constructor(){ 
    this.mainPage = MainPage; 
    this.params = { data1: 'foo', data2: 'bar' }; 
    } 
} 

Et puis l'utiliser dans la vue:

<button ion-button [navPush]="mainPage" [navParams]="params">Go</button> 

Ensuite, vous pouvez obtenir cette information comme ceci:

let data1 = navParams.get('data1'); // foo 
let data2 = navParams.get('data2'); // bar 

Même si vous pouvez définir l'objet dans le modèle comme vous pouvez le voir dans @ la réponse de Yamin, il est recommandé de le définir dans le code du composant.