Angularでモーダルの外側をクリックしたときにモーダルが閉じないようにするにはどうすればよいですか?

Question

この問題に関するいくつかの Q&A を読みましたが、すべての提案は非常に簡単な解決策です。モーダルを開くボタンの HTML タグに

を追加します。 リーリー

私にとって、このボタンは次のとおりです:

リーリー

完全なモーダル ボックスは次のとおりです:

リーリー

しかし、ESC キーを押すか、モーダルの外側をクリックするたびに、モーダルが閉じます。また、@ViewChild modal (モーダルの DOM div を参照) と dialog: MatDialog プロパティを使用して、Delete を押した後、TS から管理しようとしました。ボタンを押したときに呼び出される onDelete() メソッドに、単に this.modal.open(dialog, { disableClose: true }); と入力しましたが、何も始まりません。 HTMLから解決したいと思います。何か足りないものはありますか？ (私は angular 14.1.1 とブートストラップ v5 を使用しています)

Answer 1

背景をクリックしてもモーダルが閉じないように、背景を静的に設定する必要がありますが、data-backdrop = ではなく data-bs-backdrop="static" に設定されています。 "静的"＃＃＃＃＃＃ リーリー