javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(modal): remove navParams usage

Browse Source
This commit is contained in:
Mike Hartington
2020-04-01 10:13:43 -04:00
parent 3123a318b6
commit 6fac5ff7fc
2 changed files with 8 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,23 +40,21 @@ export class ModalExample {
```typescript ```typescript
import { Component, Input } from '@angular/core'; import { Component, Input } from '@angular/core';
import { NavParams } from '@ionic/angular';
@Component({ @Component({
selector: 'modal-page', selector: 'modal-page',
}) })
export class ModalPage { export class ModalPage {
constructor() { constructor() {}
}
} }
``` ```
### Passing Data ### Passing Data
During creation of a modal, data can be passed in through the `componentProps`. The previous example can be written to include data: During creation of a modal, data can be passed in through the `componentProps`.
The previous example can be written to include data:
```typescript ```typescript
async presentModal() { async presentModal() {
@ -72,7 +70,7 @@ async presentModal() {
} }
``` ```
To get the data passed into the `componentProps`, either set it as an `@Input` or access it via `NavParams` on the `ModalPage`: To get the data passed into the `componentProps`, set it as an `@Input`:
```typescript ```typescript
export class ModalPage { export class ModalPage {
@ -82,11 +80,6 @@ export class ModalPage {
@Input() lastName: string; @Input() lastName: string;
@Input() middleInitial: string; @Input() middleInitial: string;
constructor(navParams: NavParams) {
// componentProps can also be accessed at construction time using NavParams
console.log(navParams.get('firstName'));
}
} }
``` ```

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

@ -24,23 +24,21 @@ export class ModalExample {
```typescript ```typescript
import { Component, Input } from '@angular/core'; import { Component, Input } from '@angular/core';
import { NavParams } from '@ionic/angular';
@Component({ @Component({
selector: 'modal-page', selector: 'modal-page',
}) })
export class ModalPage { export class ModalPage {
constructor() { constructor() {}
}
} }
``` ```
### Passing Data ### Passing Data
During creation of a modal, data can be passed in through the `componentProps`. The previous example can be written to include data: During creation of a modal, data can be passed in through the `componentProps`.
The previous example can be written to include data:
```typescript ```typescript
async presentModal() { async presentModal() {
@ -56,7 +54,7 @@ async presentModal() {
} }
``` ```
To get the data passed into the `componentProps`, either set it as an `@Input` or access it via `NavParams` on the `ModalPage`: To get the data passed into the `componentProps`, set it as an `@Input`:
```typescript ```typescript
export class ModalPage { export class ModalPage {
@ -66,11 +64,6 @@ export class ModalPage {
@Input() lastName: string; @Input() lastName: string;
@Input() middleInitial: string; @Input() middleInitial: string;
constructor(navParams: NavParams) {
// componentProps can also be accessed at construction time using NavParams
console.log(navParams.get('firstName'));
}
} }
``` ```