API của Carousel · Needless UI

Import

import-carousel.ts

import { NuiCarousel, NuiCarouselSlide } from '@needless-ui/angular/carousel';

Một carousel gồm các slide.

NuiCarousel: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`label`Input	`string`		Đặt tên cho carousel.
`index`Hai chiều	`number`	`0`	Slide đầu tiên đang hiển thị, tính từ 0.
`perView`Input	`number \| 'auto'`	`1`	Số slide hiển thị cùng lúc, hoặc `auto` cho các slide tự đặt độ rộng của mình.
`gap`Input	`string`	`'1rem'`	Khoảng cách giữa các slide, là một độ dài CSS bất kỳ.
`loop`Input	`boolean`	`false`	Đi quá slide cuối sẽ quay về slide đầu, và ngược lại.
`autoplay`Input	`number (ms)`	`0`	Số mili giây giữa các slide khi tự động chuyển; 0 là không tự chuyển.
`controls, indicators`Input	`boolean`	`true`	Các nút trước và sau, và các chấm.
`labels`Input	`Partial<NuiCarouselLabels>`		Mọi văn bản mà carousel đọc lên, để dịch.
`next, previous`Phương thức	`() => void`		Chuyển tới hoặc lùi lại một slide.
`goTo`Phương thức	`(index: number) => void`		Đưa một slide vào vùng hiển thị.

Một slide.

NuiCarouselSlide: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`nuiCarouselSlide`Input	`string`		Tiêu đề của slide, được đọc thay cho vị trí của nó.