ಇಂಪೋರ್ಟ್
import { NuiCombobox, type NuiOption } from '@needless-ui/angular/select';NuiCombobox
ನೀವು ಟೈಪ್ ಮಾಡುತ್ತಿದ್ದಂತೆ ಆಯ್ಕೆಗಳನ್ನು ಸೂಚಿಸುವ ಪಠ್ಯ ಫೀಲ್ಡ್.
| ಹೆಸರು | ಪ್ರಕಾರ | ಡೀಫಾಲ್ಟ್ | ವಿವರಣೆ |
|---|---|---|---|
optionsಇನ್ಪುಟ್ | NuiOption<V>[] | ಆಯ್ಕೆಗಳು, NuiOption ಆಬ್ಜೆಕ್ಟ್ಗಳಾಗಿ. | |
valueದ್ವಿಮುಖ | V | null | null | ಆರಿಸಿದ ಮೌಲ್ಯ, ಅಥವಾ null. ಫಾರ್ಮ್ಗಳೊಂದಿಗೂ ಕೆಲಸ ಮಾಡುತ್ತದೆ. |
valuesದ್ವಿಮುಖ | readonly V[] | [] | multiple ಇದ್ದಾಗ ಆರಿಸಿದ ಮೌಲ್ಯಗಳು. |
multipleಇನ್ಪುಟ್ | boolean | false | ಹಲವು ಆಯ್ಕೆಗಳನ್ನು ಆರಿಸಲು ಬಿಡುತ್ತದೆ; ಅವು ಚಿಪ್ಗಳಾಗಿ ಕಾಣುತ್ತವೆ. |
createಇನ್ಪುಟ್ | (text: string) => V | ಟೈಪ್ ಮಾಡಿದ ಪಠ್ಯದಿಂದ ಮೌಲ್ಯವನ್ನು ರಚಿಸುತ್ತದೆ. ಆಗ ಆಯ್ಕೆಯಲ್ಲದ ಪಠ್ಯವನ್ನು ಸೇರಿಸುವ ಅವಕಾಶವನ್ನು ಪಟ್ಟಿ ನೀಡುತ್ತದೆ. | |
filteringಇನ್ಪುಟ್ | boolean | true | ಟೈಪ್ ಮಾಡುತ್ತಿದ್ದಂತೆ ಆಯ್ಕೆಗಳನ್ನು ಫಿಲ್ಟರ್ ಮಾಡುತ್ತದೆ. ಸರ್ವರ್ ಫಿಲ್ಟರ್ ಮಾಡುವಾಗ ಇದನ್ನು ಆಫ್ ಮಾಡಿ. |
loadingಇನ್ಪುಟ್ | boolean | false | ಫಲಿತಾಂಶಗಳು ಬರುತ್ತಿರುವಾಗ ಲೋಡಿಂಗ್ ಸಾಲನ್ನು ತೋರಿಸುತ್ತದೆ. |
clearableಇನ್ಪುಟ್ | boolean | false | ಮೌಲ್ಯವನ್ನು ತೆರವುಗೊಳಿಸುವ ಬಟನ್ ಸೇರಿಸುತ್ತದೆ, ಮತ್ತು Escape ನಿಂದಲೂ ತೆರವುಗೊಳಿಸಲು ಬಿಡುತ್ತದೆ. |
placeholderಇನ್ಪುಟ್ | string | '' | ಫೀಲ್ಡ್ ಖಾಲಿಯಿರುವಾಗ ಕಾಣುವ ಪಠ್ಯ. |
labelಇನ್ಪುಟ್ | string | ಯಾವುದೇ <label> ಫೀಲ್ಡ್ಗೆ ಹೆಸರು ನೀಡದಿದ್ದಾಗ, ಆಕ್ಸೆಸಿಬಲ್ ಹೆಸರು. | |
inputIdಇನ್ಪುಟ್ | string | <label for> ಗಾಗಿ ಪಠ್ಯ ಫೀಲ್ಡ್ನ id. | |
disabledಇನ್ಪುಟ್ | boolean | false | ಫೀಲ್ಡ್ ಅನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. |
compareWithಇನ್ಪುಟ್ | (a: V, b: V) => boolean | Object.is | ಆಬ್ಜೆಕ್ಟ್ ಆಗಿರುವ ಮೌಲ್ಯಗಳಿಗಾಗಿ, ಎರಡು ಮೌಲ್ಯಗಳು ಒಂದೇ ಆಯ್ಕೆಯೇ ಎಂದು ತಿಳಿಸುತ್ತದೆ. |
displayWithಇನ್ಪುಟ್ | (value: V) => string | String | ಆಯ್ಕೆಗಳಲ್ಲಿ ಇಲ್ಲದ ಮೌಲ್ಯಕ್ಕೆ ಪಠ್ಯ; ಉದಾಹರಣೆಗೆ, ಅವು ಲೋಡ್ ಆಗುವ ಮೊದಲೇ ಹೊಂದಿಸಿದ ಮೌಲ್ಯ. |
virtualಇನ್ಪುಟ್ | boolean | 'auto' | 'auto' | ಕಾಣುವ ಸಾಲುಗಳನ್ನು ಮಾತ್ರ ರೆಂಡರ್ ಮಾಡುತ್ತದೆ: ಯಾವಾಗಲೂ, ಎಂದಿಗೂ ಇಲ್ಲ, ಅಥವಾ auto ಆಗಿದ್ದರೆ 200 ಸಾಲುಗಳ ನಂತರ. |
queryChangeಔಟ್ಪುಟ್ | string | ಸರ್ವರ್ ಹುಡುಕಾಟಕ್ಕಾಗಿ, ಟೈಪ್ ಆಗುತ್ತಿರುವ ಪಠ್ಯವನ್ನು ಎಮಿಟ್ ಮಾಡುತ್ತದೆ. | |
openChangeಔಟ್ಪುಟ್ | boolean | ಪಟ್ಟಿ ತೆರೆದಾಗ ಅಥವಾ ಮುಚ್ಚಿದಾಗ ಎಮಿಟ್ ಮಾಡುತ್ತದೆ. | |
showಮೆಥಡ್ | () => void | ಪಟ್ಟಿಯನ್ನು ತೆರೆಯುತ್ತದೆ. | |
hideಮೆಥಡ್ | () => void | ಪಟ್ಟಿಯನ್ನು ಮುಚ್ಚುತ್ತದೆ. | |
clearಮೆಥಡ್ | () => void | ಮೌಲ್ಯ ಮತ್ತು ಪಠ್ಯವನ್ನು ತೆರವುಗೊಳಿಸುತ್ತದೆ. | |
focusಮೆಥಡ್ | (options?: FocusOptions) => void | ಪಠ್ಯ ಫೀಲ್ಡ್ಗೆ ಫೋಕಸ್ ನೀಡುತ್ತದೆ. |
ಇದು ತೋರಿಸುವ ಅಥವಾ ಘೋಷಿಸುವ ಪ್ರತಿಯೊಂದು ಪಠ್ಯವೂ ಒಂದು ಇನ್ಪುಟ್, ಹಾಗಾಗಿ ನೀವು ಅದನ್ನು ಅನುವಾದಿಸಬಹುದು: emptyLabel loadingLabel clearLabel toggleLabel chipsLabel removeLabel createLabel
NuiOptionTemplate
ಪ್ರತಿ ಸಾಲನ್ನು ನೀವೇ ಬಿಡಿಸಲು, ಕಾಂಪೊನೆಂಟ್ನೊಳಗಿನ ng-template ಮೇಲೆ ಇದನ್ನು ಇರಿಸಿ. ಕಾಂಟೆಕ್ಸ್ಟ್ನಲ್ಲಿ ಆಯ್ಕೆ ಮತ್ತು ಅದರ ಸಾಲು ಇರುತ್ತವೆ.
NuiOptionText
ನಿಮ್ಮ ಸ್ವಂತ ಸಾಲುಗಳಿಗಾಗಿ, ಹೊಂದಿದ ಅಕ್ಷರಗಳನ್ನು ಗುರುತಿಸಿದ ಆಯ್ಕೆಯ ಲೇಬಲ್, ಅದರ ವಿವರಣೆ ಮತ್ತು ಪಾತ್ ಅನ್ನು ಬಿಡಿಸುತ್ತದೆ.
| ಹೆಸರು | ಪ್ರಕಾರ | ಡೀಫಾಲ್ಟ್ | ವಿವರಣೆ |
|---|---|---|---|
nuiOptionTextಇನ್ಪುಟ್ | NuiOptionRow<V> | ಟೆಂಪ್ಲೇಟ್ ಕಾಂಟೆಕ್ಸ್ಟ್ನಿಂದ ಬರುವ ಸಾಲು. |