Change detection runs continuously

[maxkisung]

@tomwayson @jwasilgeo
I discovered this issue in my own project and narrowed it down to the map loading.
You can verify this by implementing NgAfterViewChecked in one of your components.

I found the solution from this post:
http://stackoverflow.com/questions/38995262/how-to-disable-angular2-change-detection-for-3rd-party-libraries

Basically you want to wrap the map and mapView loads with ngZone.runOutsideAngular(()=>{})

esri-map-view.component.ts:
ngOnInit() {
this.zone.runOutsideAngular(() => {
this.view = new MapView({
.......
}.bind(this));
});
}

map.service.ts:
constructor(private zone: NgZone) {
this.zone.runOutsideAngular(() => {
this.map = new Map({
........
});
});
}

Wrapping the the MapView seems to fix the continuous change detection,
but wrapping the Map reduced the number of rounds of change detection even further.

I haven't observed any side-effects in my own project from doing this. Hope this helps somebody. I thought this issue was going to be my demise.