Subscriptions are not executed in NgZone

If a subscription event comes, the store is updated, the observable emits, but no change detection is running in angular. (I need to interact with a component to get the view being updated)

// service
const gameChanges = gql`
  subscription GameChanges {
    gameChanged {
      ...GameFragment
    }
  }
  ${UserFragment}
  ${GameFragment}
`;

this.gameChanges$ = apollo.subscribe({
      query: gameChanges
    }).map((r: { gameChanged: Game }) => r.gameChanged)

// component
this._gameService.gameChanges$.subscribe(g => console.log(`game changed: ${g.id}`));

[ribizli]

Workaround No.2 - wrapping the watchQuery observable into NgZone:

function observeOnZone<T>(this: Observable<T>, zone: NgZone): Observable<T> {
    return Observable.create(observer => {
        const onNext = (value) => zone.run(() => observer.next(value));
        const onError = (e) => zone.run(() => observer.error(e));
        const onComplete = () => zone.run(() => observer.complete());
        return this.subscribe(onNext, onError, onComplete);
    });
};

Observable.prototype.observeOnZone = observeOnZone;

declare module 'rxjs/Observable' {
  interface Observable<T> {
    observeOnZone: typeof observeOnZone;
  }
}

// in service

this._apollo.watchQuery<CurrentPlaylistQueryResult>({
  query: currentPlaylistQuery
}).map(r => r.data.currentPlaylist)
  .observeOnZone(this._ngZone);

[kamilkisiela]

works in apollo-angular@1.0.0