Directive nuiDialog biến một <dialog> native thành hộp thoại Needless UI. Trình duyệt đảm nhận hành vi modal: trang phía sau không thể tương tác, focus ở lại bên trong, Esc đóng hộp thoại và focus quay về phần tử đã mở nó.
Liên kết [(open)] với một signal, và gán giá trị cho các nút đóng bằng nuiDialogClose="…" để biết hộp thoại đã được đóng theo cách nào.
Xác nhận
Xác nhận một hành động mang tính phá hủy. Lựa chọn an toàn có autofocus, và giá trị được chọn sẽ gửi về qua (closed).
Biểu mẫu trong hộp thoại
Hộp thoại có thể chứa bất kỳ nội dung nào. Ở ví dụ này, trường đầu tiên nhận focus khi hộp thoại mở.
Không thể đóng tùy ý
Với [dismissible]="false", phím Esc và cú nhấp vào nền đều bị bỏ qua, nên người dùng buộc phải chọn một phương án.