kątowe 2,0 równoważne z $ scope. $ Apply

Question

Próbuję zacząć od kąta 2.0, teraz zastanawiałem się, jak mogę zainicjować aktualizację widoku po jakimś zewnętrznym zdarzeniu zmienionym danych.

W szczegółach mam mapę google i przewodnik po zdarzeniu typu kliknięcie na mapie. Gdy użytkownik kliknie na mapie przechowywać długość i szerokość geograficzną kliknięcie w zmiennych w sterowniku

this.lat = event.latLng.lat(); 
this.lon = event.latLng.lon(); 

w widoku chcę, aby wyświetlić te wartości

<div> this is my spot: {{lat}} and {{lon}} </div> 

W kątowej 1 I po prostu zawiń zadanie w kontrolerze w wywołaniu $ scope. $ apply().

Jaki jest preferowany sposób aktualizowania widoków w angluar 2.0?

Answer 1

Przeważnie, nie trzeba robić nic, aby zaktualizować widok. zone.js zrobi wszystko za Ciebie.

Ale jeśli z jakiegoś powodu chcesz uruchomić ręczne wykrywanie zmiany ognia (na przykład, jeśli twój kod działa poza strefą kątową), możesz użyć do tego metody LifeCycle::tick(). Zobacz this plunker

import {Component, LifeCycle, NgZone} from 'angular2/angular2' 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     Hello world!!! Time: {{ time }}. 
    </div> 
    ` 
}) 
export class App { 
    time: number = 0; 

    constructor(lc: LifeCycle, zone: NgZone) { 
    zone.runOutsideAngular(() => { 
     setInterval(() => { 
     this.time = Date.now(); 

     lc.tick(); // comment this line and "time" will stop updating 
     }, 1000); 
    }) 
    } 
    doCheck() { 
    console.log('check', Date.now()); 
    } 
} 

Answer 2

setTimeout(function(){ 
//whatever u want here 
},0) 

ref: http://blog.mgechev.com/2015/04/06/angular2-first-impressions/

Answer 3

próby importowania ChangeDetectorRef z kątowym rdzenia jak postępować

import {Component, ChangeDetectorRef} from 'angular2/core'; 

w konstruktorze

constructor(private chRef: ChangeDetectorRef){ 
    chRef.detectChanges(); //Whenever you need to force update view 
}