1

He intentado actualizar una array después de recibir una notificación de Onesignal:

getMsg.ts (simplificado):

...
getMsg = Array<Object> = [];
...
constructor( ... private oneSignal: OneSignal ... ) {
...

    this.oneSignal.handleNotificationReceived().subscribe( () => {

        this.getMessage();
        console.log('handleNotificationReceived');                
    } );
}

getMessage () {

    this.getMsg.push( { text: 'some text' } );

    console.log( 'getMessage' );

    // Funciona
    console.log( JSON.stringify( this.getMsg ) ); // [{"text":"some text"}]
} 

getMsg.html:

...
<ion-list *ngFor="let m of getMsg">
    <ion-item>
        <p>{{ m.text }}</p>            
    </ion-item>
</ion-list>
...

Pero no me funciona.

Tengo un <textarea> en mi archivo de getMsg.html, cuando introduzco algo adentro, la vista se actualiza mágicamente y me muestra los nuevos valores (después de que reciba una notificación).

Si utilizo la función getMessage() directamente, si me funciona.

Lo que he intentado también, es actualizar/recargar la vista con:

this.navCtrl.setRoot( this.navCtrl.getActive().component );

pero tampoco funciona.

Ionic: v3.4.0
Cordova: v7.0.1
3

1 respuesta 1

1

Tras unos días de romperme el cerebro, lo pude solucionar con la ayuda de la siguiente página:

Angular 2 runs inside of its own special zone called NgZone. Running inside a zone allows one to detect when asynchronous tasks – things that can alter the internal state of an application, and therefore its views – start and finish. Since these asynchronous tasks are the only thing that are going to cause our views to change, by detecting when they are executed Angular 2 knows that a view may need to be updated.

Traducido seria (google translate) :

Angular 2 corre dentro de su propia zona especial llamada NgZone. La ejecución dentro de una zona permite detectar cuando se producen tareas asíncronas, cosas que pueden alterar el estado interno de una aplicación y, por lo tanto, sus vistas "iniciar" y "finalizar". Dado que estas tareas asíncronas son la única cosa que va a hacer que nuestras vistas cambien, y mediante la detección cuando se ejecutan, Angular 2 sabe que puede ser necesario actualizar una vista.

Código solución:

// Importamos NgZone
import { Component, NgZone } from '@angular/core';

// Lo agregamos al constructor 
constructor( ... private zone: NgZone, private oneSignal: OneSignal ... ) {
...

    this.oneSignal.handleNotificationReceived().subscribe( () => {

        this.getMessage();
    } );
}

getMessage () {

    // Y aquí ejecutamos "NgZone"   
    this.zone.run( () => {

        this.getMsg.push( { text: 'some text' } );

    } );       
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.