ಇಂಪೋರ್ಟ್
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 ನೀಡಿದರೆ, ಟೂರ್ ಅದಕ್ಕಾಗಿ ಕಾಯುತ್ತದೆ. |