இம்போர்ட்
import { NuiTour, type NuiTourStep } from '@needless-ui/angular/tour';NuiTour
ஒரு வழிகாட்டும் சுற்றுலா.
| பெயர் | வகை | இயல்புநிலை | விளக்கம் |
|---|---|---|---|
stepsஇன்புட் | NuiTourStep[] | [] | படிகள், வரிசைப்படி. |
openஇருவழி | boolean | false | சுற்றுலா நடந்துகொண்டிருக்கிறதா என்பது. |
stepஇருவழி | number | 0 | காட்டப்படும் படி, 0-இலிருந்து. |
labelsஇன்புட் | Partial<NuiTourLabels> | அது காட்டும் ஒவ்வொரு உரையும், மொழிபெயர்ப்பதற்காக. | |
finishedஅவுட்புட் | void | கடைசிப் படி முடிந்ததும் வெளியிடுகிறது. | |
dismissedஅவுட்புட் | number | சுற்றுலா இடையிலேயே முடிந்தால், அது நின்ற படியை வெளியிடுகிறது. | |
startமெத்தட் | (from?: number) => void | சுற்றுலாவை முதல் படியிலிருந்தோ, கொடுத்த படியிலிருந்தோ தொடங்குகிறது. | |
endமெத்தட் | (finished: boolean) => void | சுற்றுலாவை நிறைவடைந்ததாகவோ, இடையில் கைவிடப்பட்டதாகவோ முடிக்கிறது. |
NuiTourStep
சுற்றுலாவின் ஒரு படி.
| பெயர் | வகை | இயல்புநிலை | விளக்கம் |
|---|---|---|---|
targetபண்பு | string | Element | (() => Element | null) | அது சுட்டுவது. இலக்கு இல்லையென்றால், கார்டு நடுவில் தோன்றும். | |
titleபண்பு | string | கார்டின் தலைப்பு. | |
contentபண்பு | string | TemplateRef | அதன் உரை, அல்லது ஒரு டெம்ப்ளேட். | |
sideபண்பு | 'top' | 'bottom' | 'start' | 'end' | 'bottom' | இலக்கின் எந்தப் பக்கத்தில் கார்டு அமையும் என்பது. |
alignபண்பு | 'start' | 'center' | 'end' | 'center' | இலக்குடன் கார்டு எப்படிச் சீரமைகிறது என்பது. |
paddingபண்பு | number | 8 | ஸ்பாட்லைட்டில் இலக்கைச் சுற்றியுள்ள இடைவெளி, பிக்சல்களில். |
interactiveபண்பு | boolean | false | கார்டு திரையில் இருக்கும்போதும் இலக்கைப் பயன்படுத்தலாம். |
beforeShowபண்பு | () => void | Promise<void> | படி தோன்றும் முன் இயங்குகிறது. promise-ஐத் தந்தால், சுற்றுலா அதற்காகக் காத்திருக்கும். |