How pass data from one form to another form on ion-input in Ionic 3?

Question

I want to pass data from one page to another page on ion-input. I'm using ionic 3. Here is my code...

home.ts file

viewEntry(ID, name, description){

    alert(ID);
    alert(name);
    alert(description);

    this.navCtrl.push(AddtechnologyPage, {ID: ID, name: name, description: description});
}

addtechnology.ts file

constructor(public navCtrl: NavController,
          public navParams: NavParams,
          public http: Http,
          public fb: FormBuilder,
          public toastCtrl: ToastController) {

     this.recordID = navParams.get('ID');
     this.technologyName = navParams.get('name');
     this.technologyDescription = navParams.get('description');


     console.log(this.recordID);
     console.log(this.technologyName);
     console.log(this.technologyDescription);


    // Create form builder validation rules
    this.form = fb.group({
        "name"                  : ["", Validators.required],
        "description"           : ["", Validators.required]
    });
}

addtechnology.html file



      
         
            Technology Name *
            
               
            
         
         
            Technology Description *

I want to display data on ion-input of addtechnology.html. Data is displaying in addtechnolgy.ts file but how to bind/display on ion-input? Thanks in advance.

user_3915438 · Answer

You could pass the values when initializing the form, like this:

// Create form builder validation rules
this.form = fb.group({
    "name": [this.technologyName, Validators.required],
    "description": [this.technologyDescription, Validators.required]
});

And then in each input, just use the form control (instead of both form control and ngModel):

      
        Technology Name *
        
           
        
     
     
        Technology Description *

How pass data from one form to another form on ion-input in Ionic 3?

1 Answers