angular
  • typescript
  • ionic2
  • ionic3
  • 2017-10-07 53 views 1 likes 
    1

    你好,我想通过多个数据是他们的任何方式一样从HTML传递多个navparam离子2

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

    请帮助 感谢

    回答

    2

    您可以轻松地使用对象与数组:

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

    然后像这样访问它:

    navParams.get('data'); 
    

    您还可以设置它像这样:

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

    和访问他们喜欢的:

    navParams.get('data1'); 
    
    1

    既然你在navParam送什么是一个对象,所以你可以把那里所有的数据:

    import { MainPage } from './main'; 
    
    @Component({ 
        ... 
    }) 
    class MyPage { 
        mainPage: any; 
        params: Object; 
    
        constructor(){ 
        this.mainPage = MainPage; 
        this.params = { data1: 'foo', data2: 'bar' }; 
        } 
    } 
    

    然后在视图中使用它:

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

    然后你就可以得到这样的信息:

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

    即使你可以定义就像你可以看到@亚明的答案模板中的对象,我们建议在组件代码来定义它。

    相关问题