API của Toast · Needless UI

Import

import-toast.ts

import { NuiToaster, NuiToasterRegion } from '@needless-ui/angular/toast';

Service hiển thị toast. Có thể inject ở bất kỳ đâu.

NuiToaster: Thuộc tính
Tên	Kiểu	Mô tả
`toasts`Phương thức	`Signal<readonly NuiToast[]>`	Mọi toast đang có trên màn hình, mới nhất trước.
`show`Phương thức	`(options: NuiToastOptions \| string) => NuiToastRef`	Hiển thị một toast. Truyền vào tiêu đề, hoặc tùy chọn gồm mô tả, tông màu, thời lượng, hành động hoặc id.
`success`Phương thức	`(title, options?) => NuiToastRef`	Hiển thị toast thành công.
`warning`Phương thức	`(title, options?) => NuiToastRef`	Hiển thị toast cảnh báo.
`danger`Phương thức	`(title, options?) => NuiToastRef`	Hiển thị toast danger. Toast này hiển thị trong 8 giây và được đọc lên ở chế độ assertive.
`promise`Phương thức	`(promise, messages) => Promise`	Hiển thị toast đang tải cho đến khi promise hoàn tất, rồi hiển thị thông điệp thành công hoặc danger.
`dismiss`Phương thức	`(id?: string) => void`	Đóng một toast, hoặc tất cả.

Vùng nơi toast xuất hiện. Đặt một lần, trong khung ứng dụng.

NuiToasterRegion: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`position`Input	`'top-start' \| 'top-center' \| 'top-end' \| 'bottom-start' \| 'bottom-center' \| 'bottom-end'`	`'bottom-end'`	Góc hoặc cạnh của viewport. Đầu và cuối đi theo hướng văn bản.
`expanded`Input	`boolean`	`false`	Giữ chồng toast luôn xòe ra.
`label`Input	`string`	`'Notifications (Alt+T)'`	Accessible name của vùng. Hãy nêu cách để đến được vùng này.
`closeLabel`Input	`string`	`'Dismiss'`	Accessible name của các nút đóng.
`hotkey`Input	`string`	`'KeyT'`	Phím, dưới dạng `KeyboardEvent.code`, dùng cùng Alt để chuyển focus đến toast mới nhất.