nativescript（角） - 私はそのようなコードを書くとき（（角）nativescriptでfirebaseイベントリスナー

Question

内部ルーティング、私が使用している（nativescript-角/ルーター）および（nativescript-プラグインfirebase）

動作していない結合注文ページのVAR）：

firebase.addValueEventListener(result => { 
    this.router.navigate(['/order'], { clearHistory:true }); 
}, path); 

and this is the simulator image of the order page when the code is inside the listener

が、ルーティングコードは、イベントリスナーの外にそれは

を動作します

and this when the code is outside... the var value shows in the template perfectly fine

このは、テンプレートコードorder.html

<Label [text]="test"></Label> 

であり、これは、ナビゲーションラップorder.component.ts

export class OrderComponent { 
    public test = "test var value"; 
} 

Answer 1

です内部角度のあるゾーニングコールバック。

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

... 

constructor(private zone: NgZone) { 
} 

firebase.addValueEventListener(result => { 
    this.zone.run(() => { 
     this.router.navigate(['/order'], { clearHistory:true }); 
    ]) 
}, path)