nuiDialog 指令把原生的 <dialog> 变成 Needless UI 对话框。模态行为由浏览器提供:背后的页面变为不可交互,焦点保持在对话框内,按 Esc 键即可关闭,关闭后焦点会回到打开它的元素。
将 [(open)] 绑定到一个 signal,并用 nuiDialogClose="…" 为关闭按钮指定值,就能知道对话框是如何关闭的。
确认对话框
用于确认破坏性操作。安全选项带有 autofocus,用户选择的值通过 (closed) 传出。
对话框中的表单
对话框可以容纳任意内容。本例中,对话框打开时第一个字段会获得焦点。
不可随意关闭
设置 [dismissible]="false" 后,按 Esc 键和点击遮罩都会被忽略,用户必须选择其中一个选项。