Firestoreの更新をリアルタイムにホームページに反映したい。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

前提

Angular

発生している問題・エラーメッセージ

コンソール画面では、firestoreの更新結果は更新の都度、反映されて表示される(「Current data:欠席」など)。 ただし、ホームページ上は更新されない。

該当のソースコード

ngOnInit(): void { this.db.firestore.collection('20230419').doc('一郎') .onSnapshot(tmp => { console.log('Current data: ', tmp.get('出欠')); this.comment = tmp.get('出欠'); }); } ※ htmlでは、{{comment}}で表示

補足情報（FW/ツールのバージョンなど）

stackblitz上で作成。