内部からのサービスワーカー（sw-precache）の更新を受信する方法4

Question

SW-Precache demo codeには、「古いコンテンツがパージされ、新鮮なコンテンツがキャッシュ。"コメントの中には、新しいコンテンツが利用可能であることをユーザーに知らせるのに良い時期だとも言われています。

しかし、このスクリプトは私のindex.htmlファイル（または私のmain.tsファイル、私は両方の方法を試しました）にあるサービスワーカー登録ブロック内にあります。しかし、このアップデートの通知を角度コンポーネントの中からにしたいので、ユーザーに素敵な通知を表示できます。

これを行うには適切な方法はありますか？私はmain.tsに観測値を作成し、それを私のコンポーネントにインポートしますが、それは循環参照エラーにつながります。

Answer 1

これを自分で実装する代わりに、公式@angular/service-workerパッケージを使用することもできます。このパッケージもAngular CLIと統合されています。新しいバージョンが利用可能になったときに値を出力するObservableを提供します。ユーザーに通知することができます（例：スナックバーを表示します。 docsから

抜粋：

constructor(updates: SwUpdate) { 
    updates.available.subscribe(event => { 
    console.log('current version is', event.current); 
    console.log('available version is', event.available); 
    }); 
}