angular - Cómo mostrar el parámetro recibido en el archivo ts en la página html

Soy nuevo en el framework Ionic. Aquí estoy intentando mostrar el parámetro recibido desde la página de inicio en mi nueva página. He probado los siguientes códigos. Pero no se muestra nada en este momento. ¿Alguien puede decirme qué me está faltando?

Gracias.

acerca.ts

export class AboutPage {
    userProfile: any = null;
    constructor(public navCtrl: NavController, public navParams: NavParams) {
        this.userProfile = navParams.get("userProfile");
    }

    ionViewDidLoad() {
        console.log('ionViewDidLoad AboutPage');
    }
    goBack() {
        this.navCtrl.pop();
    }
}

acerca.html

<ion-content padding>
    <p>This is About Us Page.</p>
    <ion-card *ngIf="userProfile">
        <img [src]="userProfile.photoURL"/>
        <ion-card-content>
            <ion-card-title>
                {{ userProfile.displayName }}
            </ion-card-title>
            <p>
                The UID for this new user is {{userProfile.uid}} and the email is {{userProfile.email}}
            </p>
        </ion-card-content>
    </ion-card>

</ion-content>

Respuesta #1

Mira esto: https://ionicframework.com/docs/api/util/Events/

No es necesario usar suscripción para actualizar userProfile. Esto puede ser útil cuando se desencadena algún evento (como login(), loadProfile()). Porque esto activará la tarea correspondiente en la que puedes incluir la función this.userProfile=navParams.get("userProfile"); u otras relacionadas.