角度2：サービスを「外側」の角度ゾーンにするにはどうすればよいですか？

Question

StackOverflowで多くの人と同じ問題を抱えた後、「外角ゾーン」サービスとは何かを理解できませんでしたか？

は、私がチェックし、このテーマの周りのすべての既存の質問をした、と私はこの1つお聞きしneederなぜそれが正確だ：

• https://github.com/angular/angular/issues/5150
• Angular2: view is not updated from inside a subscription
• https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html
• http://blog.assaf.co/angular-2-change-detection-zones-and-an-example/

を

デフォルトの変更があるコンポーネントのコード例DetectionStrategy： （ビューで参照this.valueを考慮して）

this.myService.method().subscribe(e => { 
    this.value = e; 
    }); 

は、与えられたサービスがあれば、ビュー一方、リフレッシュで、 "角度の範囲外"ではありません「外側の角度ゾーン」はが更新されていません。がChangeDetectorRef.detectChanges（）を呼び出さない限り、表示されません。

したがって、問題は、サービスが「角度ゾーン」の内側か外側かを知るための条件ですか？

Answer 1

希望するコードはNgZone.isInAngularZone()です。これはそこで実行されているかどうかを示します。

出典：壁に向かって私の頭を叩いた時間。これを書く前にAngular docsを読んでください。

さらに、あなたのサービスにNgZoneを注入して、this.ngZone.run(() => yourSubscriberCallback())を試してみてください。これは、これを試した結果が非常に混ざっています。

編集：さて、私は自分のものを稼働させることができたので、それがあなたを助けるかどうかを見てみましょう。

私の場合、変更のためのリスナーを含む第三者のライブラリを使用していました。私はRXJS BehaviorSubjectを使って、これらの変更をサービスを介してさまざまなコンポーネントに伝播しましたが、変更は取り上げられませんでした。

これは、リスナーで使用していた方法がAngularZoneの外で実行されていたためです。

最初に私はこれをやっていた：

export class Service { 

    public BehaviorSubject<Thing> thingSubject = new BehaviorSubject<Thing>(new Thing()); 

    constructor(private ngZone:NgZone) { 
    thirdPartyLibrary.listen(ngZone.run(() => myCallback.bind(_this))); 
    } 

    ... 

} 

そしてmyCallbackをやっていた：

myCallback(thing) { 
    this.thingSubject.next(thing); 
} 

が、これは正しく角度ゾーン内で実行していないようでしたが判明。私は、このかかわらずに私のコードを変更し、それが働いた：

export class Service { 

    public BehaviorSubject<Thing> thingSubject = new BehaviorSubject<Thing>(new Thing()); 

    constructor(private ngZone:NgZone) { 
    thirdPartyLibrary.listen(myCallback.bind(_this)); 
    } 

    myCallback(thing) { 
    this.ngZone.run(() => this.thingSubject.next(thing)); 
    } 

} 

をすべての私の加入者が角度ゾーン内のメッセージを受信し、予想される更新をトリガすることを行った後。

Answer 2

私が知る限り、「内側」または「外側」の角度ゾーンが実行されているかどうかを確認することはできません。 zone.runOutsideAngularを使用すると、ゾーン外で実行されます。二番目に私の心に来る：なぜ知りたいですか？

Answer 3

私は自分で自分の回答を見つけたように見えますが、私はそれが他の人のために援助することを願っています：

「角度範囲外」のサービスは、角コンテキスト内でインスタンス化されなかったクラスです。静的アクセサを使用して 多くの図書館が、この場合にも影響を受けやすい、ここでの例です：

http://techqa.info/programming/question/34592857/view-is-not-updated-on-change-in-angular2

私の運はそれが使用したのと同じライブラリだったということです。この外部リソースで説明されているように、外部ライブラリオブジェクトをインスタンス化すると、ビューの更新の問題が解決され、このサービスを「Inside Angular Zone」にすることができます。