ఇంపోర్ట్
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 ఇస్తే, టూర్ దాని కోసం వేచి ఉంటుంది. |