ionic modal pass data

...
async presentModal() {
    const modal = await this.modalController.create({
      component: ModalPage,
      componentProps: { 
        foo: 'hello',
        bar: 'world'
      }
    });
    return await modal.present();
}
...
@Component()
export class ModalPage implements OnInit {
  foo;
  bar;

  ngOnInit() {
    console.log(`${foo} ${bar}`)
  }
}

0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
0
0
Moru 175 points

                                    let profileModal = await this.modalCtrl.create({
	component: SearchModal,
	componentProps: {
		specs: [this.specialization_selected]
	}
});

0
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
pass data modal ionic ionic modal controller pass data on close ionic send param to modal how to pass data to input fields in modal popup in ionic pass data to a modal in ionic4 ionic get modal data pass id in a modal ionic ionic modal.create with page as parameter ion modal pass data hhow to send data using ionic modalcontroller ionic modal send data how to pass data to a modal in ionic 5 how to pass data to a modal in ionic how to passing data modal ionic angular how to passing data modal ionic passing data modal ionic passing data from modal ionic receive data from modal ionic pass data from component to ionic modal angular ion modal send data angular ionic pass data to modal read data from modal ionic4 get data from modal ionic 4 how to pass data to modal in ionic ionic modal controller pass data ionic modalcontroller pass data ionic send data to modal ionic return data from modal ionic pass id to modal pass data from modal to page ionic passing modal dismiss function ionic 4 passing data to modal ionic 4 pass data from array to ionic modal ionic 4 pass data to modal pass data to a modal ionic pass object through ionic modal pass data to modal on ionic 6 how to pass data from modal to component in ionic 4 send data to modal ionic 4 return data from modal ionic passing data modal ionic 4 pass data to modal by id ionic how to pass parameter to modal in ionic 1 using angularjs how to pass parameter to modal in ionic 1 ionic get data from modal sendData ionic modal pass data to modal ionic 5 pass object to modal ionic ionic 3 sending data to modal ionic modalController send datea ionic modal in component angular modal controller with parameters ionic get data back from modal pass data to component ionic ionic popup modal passing data stackblitz send data to modal popup ionic pass data to modal ionic ionic modal controller pass parameter ionic modal pass datfa ionic modal pass data
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source