如何为表单集创建Dynamic Json并获取值并绑定以显示值?

时间:2019-02-18 10:32:53

标签: javascript html angular ionic-framework

我是ionic 3的新手,并创建了一个未经验证的页面,该页面无法重定向到其他页面并显示数据,并且没有发生,请帮帮我。

想要创建一个动态json,并希望在其他页面上显示这些数据..!

public user = [ { full_name:'', phone:, alt:, pincode:,  address:' ', locality:'', landmark:' ', city:'', state:'', country:'', radio:'' }  ];

如何通过离子3来设置和获取值以及如何将有关输入值的数据显示在其他页面上

2 个答案:

答案 0 :(得分:0)

首先,您需要从.html文件中的类似输入中获取数据。

<ion-input placeholder="Name" type="text" [(ngModel)]="inputFieldValue"></ion-input>

然后在.ts文件中,您具有这样的值。

public inputFieldValue;
console.log("--------inputFieldValue-------",inputFieldValue)

然后,您必须创建一个像这样的数据的json对象。

let data = {
   key:this.inputFieldValue
}

,然后使用NavController将其传递到下一页。

this.navCtrl.push(page_name_you_want_to_redirect,data)

并使用NavParams

在第二页中获取它
this.navParams.get("data")

就这样! 您可以在任意位置的第二页中获取数据。

希望它将对您有帮助!

答案 1 :(得分:0)

您不能在没有值或定义的情况下创建对象,必须分配一个值,至少为“ null”:

public user = [ { full_name:'', phone:null, alt:null, pincode:null,  address:' ', locality:'', landmark:' ', city:'', state:'', country:'', radio:'' }  ];

其他可能引起问题的原因可能是“阵列” ...为什么?你需要一个数组吗?还是只是一个物体?您正在定义对象数组!!!我建议你这样做:

    public user = {full_name:'', phone:null, alt:null, pincode:null,  address:' ', locality:'', landmark:' ', city:'', state:'', country:'', radio:'' };

然后使用Mustafa告诉您的NavCtrl传递它...