AutoComplete Component
The AutoComplete Component in Angular PrimeNG facilitates real-time suggestions while the user is typing in the input component.
Components |
Descriptions |
|---|---|
| Model Driven Forms Component | The Model Driven Forms can be used with the AutoComplete Component, in order to automatically suggest the next word depending upon the context. |
| Dropdown Component | It is used to display a button next to the input field where the click behavior of the button is defined using the dropdownMode property that takes “blank” or “current” as possible values. |
| Multiple Selection Component | It is used to select more than one value from the autocomplete. |
| Objects Component | The Form AutoComplete Objects Component is used to define the label to display as a suggestion with a field attribute. This component helps to make the interactive Form AutoComplete by implementing the different stylings provided by Angular PrimeNG. |
| Force Selection Component | It is used to validate the manual input to check whether it also exists in the suggestions list, if not the input value is cleared to make sure the value passed to the model is always one of the suggestions. |
| Templating Component | The Templating Component allows displaying custom content inside the suggestions panel. |
| Animation Configuration Component | Animation Configuration Component is used to set the transition time of the animation and the transition of the show and hide animations can be customized using the showTransitionOptions and hideTransitionOptions properties. |
| Properties Component | The Form AutoComplete is an input field that facilitates real-time suggestions while the user enters the data in the input field. |
| Templates Component | The AutoComplete Component is an input component that provides real-time suggestions when being typed. It uses ngModel for two-way binding, which requires a list of suggestions and a completeMethod to query for the results. |
| Styling Component | It contains various styling classes that can be utilized to include the structural style to the Form Component. |
Angular PrimeNG Form Complete Reference
Angular PrimeNG Form facilitates the various input components for taking the input field & validating, which helps to design a responsive form for a single-page-application, that enhances the user experience, along with increasing the user interactivity in the Web application.
There are various components that are provided by the Angular PrimeNG Form, which are listed below with their brief description.
Contact Us