javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(modal): update angular usage for consistent modalController (#23127)

Browse Source
This commit is contained in:
William Martin
2021-03-31 20:25:28 -04:00
committed by GitHub
parent 27318cf585
commit b7b97ce4cc
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/modal/readme.md
View File

@ -125,7 +125,7 @@ export class ModalPage {
dismiss() { dismiss() {
// using the injected ModalController this page // using the injected ModalController this page
// can "dismiss" itself and optionally pass back data // can "dismiss" itself and optionally pass back data
this.modalCtrl.dismiss({ this.modalController.dismiss({
'dismissed': true 'dismissed': true
}); });
} }
@ -200,14 +200,14 @@ In most scenarios, using the `ion-router-outlet` element as the `presentingEleme
```javascript ```javascript
import { ModalController } from '@ionic/angular'; import { ModalController } from '@ionic/angular';
constructor(private modalCtrl: ModalController) {} constructor(private modalController: ModalController) {}
async presentModal() { async presentModal() {
const modal = await this.modalController.create({ const modal = await this.modalController.create({
component: ModalPage, component: ModalPage,
cssClass: 'my-custom-class', cssClass: 'my-custom-class',
swipeToClose: true, swipeToClose: true,
presentingElement: await this.modalCtrl.getTop() // Get the top-most ion-modal presentingElement: await this.modalController.getTop() // Get the top-most ion-modal
}); });
return await modal.present(); return await modal.present();
} }

6
core/src/components/modal/usage/angular.md
View File

@ -82,7 +82,7 @@ export class ModalPage {
dismiss() { dismiss() {
// using the injected ModalController this page // using the injected ModalController this page
// can "dismiss" itself and optionally pass back data // can "dismiss" itself and optionally pass back data
this.modalCtrl.dismiss({ this.modalController.dismiss({
'dismissed': true 'dismissed': true
}); });
} }
@ -157,14 +157,14 @@ In most scenarios, using the `ion-router-outlet` element as the `presentingEleme
```javascript ```javascript
import { ModalController } from '@ionic/angular'; import { ModalController } from '@ionic/angular';
constructor(private modalCtrl: ModalController) {} constructor(private modalController: ModalController) {}
async presentModal() { async presentModal() {
const modal = await this.modalController.create({ const modal = await this.modalController.create({
component: ModalPage, component: ModalPage,
cssClass: 'my-custom-class', cssClass: 'my-custom-class',
swipeToClose: true, swipeToClose: true,
presentingElement: await this.modalCtrl.getTop() // Get the top-most ion-modal presentingElement: await this.modalController.getTop() // Get the top-most ion-modal
}); });
return await modal.present(); return await modal.present();
} }