ಇಂಪೋರ್ಟ್
import { type NuiOption, NuiSelect } from '@needless-ui/angular/select';NuiSelect
ಆಯ್ಕೆಗಳ ಪಟ್ಟಿಯನ್ನು ತೆರೆಯುವ ಬಟನ್.
| ಹೆಸರು | ಪ್ರಕಾರ | ಡೀಫಾಲ್ಟ್ | ವಿವರಣೆ |
|---|---|---|---|
optionsಇನ್ಪುಟ್ | NuiOption<V>[] | ಆಯ್ಕೆಗಳು, NuiOption ಆಬ್ಜೆಕ್ಟ್ಗಳಾಗಿ. | |
valueದ್ವಿಮುಖ | V | null | null | ಆರಿಸಿದ ಮೌಲ್ಯ, ಅಥವಾ null. ಫಾರ್ಮ್ಗಳೊಂದಿಗೂ ಕೆಲಸ ಮಾಡುತ್ತದೆ. |
valuesದ್ವಿಮುಖ | readonly V[] | [] | multiple ಇದ್ದಾಗ ಆರಿಸಿದ ಮೌಲ್ಯಗಳು. |
multipleಇನ್ಪುಟ್ | boolean | false | ಹಲವು ಆಯ್ಕೆಗಳನ್ನು ಆರಿಸಲು ಬಿಡುತ್ತದೆ. ನೀವು ಆರಿಸುತ್ತಿರುವಾಗ ಪಟ್ಟಿ ತೆರೆದೇ ಇರುತ್ತದೆ. |
selectAllಇನ್ಪುಟ್ | boolean | false | multiple ಇದ್ದಾಗ, ಎಲ್ಲಾ ಆಯ್ಕೆಗಳನ್ನು ಆರಿಸುವ ಅಥವಾ ತೆರವುಗೊಳಿಸುವ ಬಟನ್ ಸೇರಿಸುತ್ತದೆ. |
placeholderಇನ್ಪುಟ್ | string | 'Select…' | ಏನನ್ನೂ ಆರಿಸದಿದ್ದಾಗ ಕಾಣುವ ಪಠ್ಯ. |
labelಇನ್ಪುಟ್ | string | ಯಾವುದೇ <label> ಬಟನ್ಗೆ ಹೆಸರು ನೀಡದಿದ್ದಾಗ, ಆಕ್ಸೆಸಿಬಲ್ ಹೆಸರು. | |
triggerIdಇನ್ಪುಟ್ | string | <label for> ಗಾಗಿ ಬಟನ್ನ id. | |
disabledಇನ್ಪುಟ್ | boolean | false | ಸೆಲೆಕ್ಟ್ ಅನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. |
compareWithಇನ್ಪುಟ್ | (a: V, b: V) => boolean | Object.is | ಆಬ್ಜೆಕ್ಟ್ ಆಗಿರುವ ಮೌಲ್ಯಗಳಿಗಾಗಿ, ಎರಡು ಮೌಲ್ಯಗಳು ಒಂದೇ ಆಯ್ಕೆಯೇ ಎಂದು ತಿಳಿಸುತ್ತದೆ. |
virtualಇನ್ಪುಟ್ | boolean | 'auto' | 'auto' | ಕಾಣುವ ಸಾಲುಗಳನ್ನು ಮಾತ್ರ ರೆಂಡರ್ ಮಾಡುತ್ತದೆ: ಯಾವಾಗಲೂ, ಎಂದಿಗೂ ಇಲ್ಲ, ಅಥವಾ auto ಆಗಿದ್ದರೆ 200 ಸಾಲುಗಳ ನಂತರ. |
openChangeಔಟ್ಪುಟ್ | boolean | ಪಟ್ಟಿ ತೆರೆದಾಗ ಅಥವಾ ಮುಚ್ಚಿದಾಗ ಎಮಿಟ್ ಮಾಡುತ್ತದೆ. | |
showಮೆಥಡ್ | () => void | ಪಟ್ಟಿಯನ್ನು ತೆರೆಯುತ್ತದೆ. | |
hideಮೆಥಡ್ | () => void | ಪಟ್ಟಿಯನ್ನು ಮುಚ್ಚುತ್ತದೆ. | |
focusಮೆಥಡ್ | (options?: FocusOptions) => void | ಬಟನ್ಗೆ ಫೋಕಸ್ ನೀಡುತ್ತದೆ. |
ಇದು ತೋರಿಸುವ ಅಥವಾ ಘೋಷಿಸುವ ಪ್ರತಿಯೊಂದು ಪಠ್ಯವೂ ಒಂದು ಇನ್ಪುಟ್, ಹಾಗಾಗಿ ನೀವು ಅದನ್ನು ಅನುವಾದಿಸಬಹುದು: selectAllLabel clearAllLabel emptyLabel
NuiOption
ಒಂದು ಆಯ್ಕೆ. ಸೆಲೆಕ್ಟ್, ಕಾಂಬೋಬಾಕ್ಸ್ ಮತ್ತು ಕಮಾಂಡ್ ಪ್ಯಾಲೆಟ್ ಎಲ್ಲವೂ ಇವನ್ನೇ ಸ್ವೀಕರಿಸುತ್ತವೆ.
| ಹೆಸರು | ಪ್ರಕಾರ | ಡೀಫಾಲ್ಟ್ | ವಿವರಣೆ |
|---|---|---|---|
valueಪ್ರಾಪರ್ಟಿ | V | ಇದನ್ನು ಆರಿಸಿದಾಗ ಹೊಂದಿಸಲಾಗುವ ಮೌಲ್ಯ. ಯಾವುದೇ ಪ್ರಕಾರ. | |
labelಪ್ರಾಪರ್ಟಿ | string | ಕಾಣುವ ಮತ್ತು ಹುಡುಕಲಾಗುವ ಪಠ್ಯ. | |
descriptionಪ್ರಾಪರ್ಟಿ | string | ಲೇಬಲ್ ಕೆಳಗಿನ ದ್ವಿತೀಯ ಪಠ್ಯ. | |
groupಪ್ರಾಪರ್ಟಿ | string | ಒಂದೇ ಗುಂಪಿನ ಆಯ್ಕೆಗಳು ಆ ಹೆಡಿಂಗ್ ಅಡಿಯಲ್ಲಿ, ಕ್ರಮವಾಗಿ ಪಟ್ಟಿಯಾಗುತ್ತವೆ. | |
keywordsಪ್ರಾಪರ್ಟಿ | string[] | ಹುಡುಕಾಟ ಹೊಂದಿಸುವ ಇನ್ನಷ್ಟು ಪದಗಳು, ಉದಾಹರಣೆಗೆ ಸಮಾನಾರ್ಥಕ ಪದಗಳು ಅಥವಾ ಕೋಡ್ಗಳು. | |
disabledಪ್ರಾಪರ್ಟಿ | boolean | ಕಾಣುತ್ತದೆ, ಆದರೆ ಆರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ. | |
childrenಪ್ರಾಪರ್ಟಿ | NuiOption<V>[] | ಒಂದು ಹಂತ ಕೆಳಗಿನ ಆಯ್ಕೆಗಳು; ಇವು ಪಟ್ಟಿಯನ್ನು ಟ್ರೀ ಆಗಿಸುತ್ತವೆ. |
NuiOptionTemplate
ಪ್ರತಿ ಸಾಲನ್ನು ನೀವೇ ಬಿಡಿಸಲು, ಕಾಂಪೊನೆಂಟ್ನೊಳಗಿನ ng-template ಮೇಲೆ ಇದನ್ನು ಇರಿಸಿ. ಕಾಂಟೆಕ್ಸ್ಟ್ನಲ್ಲಿ ಆಯ್ಕೆ ಮತ್ತು ಅದರ ಸಾಲು ಇರುತ್ತವೆ.
NuiOptionText
ನಿಮ್ಮ ಸ್ವಂತ ಸಾಲುಗಳಿಗಾಗಿ, ಹೊಂದಿದ ಅಕ್ಷರಗಳನ್ನು ಗುರುತಿಸಿದ ಆಯ್ಕೆಯ ಲೇಬಲ್, ಅದರ ವಿವರಣೆ ಮತ್ತು ಪಾತ್ ಅನ್ನು ಬಿಡಿಸುತ್ತದೆ.
| ಹೆಸರು | ಪ್ರಕಾರ | ಡೀಫಾಲ್ಟ್ | ವಿವರಣೆ |
|---|---|---|---|
nuiOptionTextಇನ್ಪುಟ್ | NuiOptionRow<V> | ಟೆಂಪ್ಲೇಟ್ ಕಾಂಟೆಕ್ಸ್ಟ್ನಿಂದ ಬರುವ ಸಾಲು. |