Import
import { NuiCarousel, NuiCarouselSlide } from '@needless-ui/angular/carousel';NuiCarousel
Carousel ที่ประกอบด้วยสไลด์
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
labelInput | string | ตั้งชื่อให้ Carousel | |
indexสองทาง | number | 0 | สไลด์แรกที่มองเห็น เริ่มนับจาก 0 |
perViewInput | number | 'auto' | 1 | จำนวนสไลด์ที่มองเห็นพร้อมกัน หรือ auto สำหรับสไลด์ที่กำหนดความกว้างเอง |
gapInput | string | '1rem' | ระยะห่างระหว่างสไลด์ เป็นความยาว CSS ใดก็ได้ |
loopInput | boolean | false | เลื่อนเลยสไลด์สุดท้ายแล้วจะกลับไปที่สไลด์แรก และในทางกลับกัน |
autoplayInput | number (ms) | 0 | จำนวนมิลลิวินาทีระหว่างสไลด์เมื่อเปลี่ยนเอง ค่า 0 คือไม่เปลี่ยนเอง |
controls, indicatorsInput | boolean | true | ปุ่มก่อนหน้าและถัดไป และจุด |
labelsInput | Partial<NuiCarouselLabels> | ข้อความทุกส่วนที่ Carousel แสดงหรือประกาศ สำหรับการแปล | |
next, previousเมธอด | () => void | เลื่อนไปข้างหน้าหรือย้อนกลับหนึ่งสไลด์ | |
goToเมธอด | (index: number) => void | เลื่อนสไลด์ที่ระบุมาให้มองเห็น |
NuiCarouselSlide
สไลด์หนึ่งสไลด์
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
nuiCarouselSlideInput | string | หัวเรื่องของสไลด์ ซึ่งจะถูกอ่านแทนตำแหน่ง |