Angular PrimeNG is an open-source front-end UI library that has many native Angular UI components which help developers to build a fast and scalable web solution. In this article, we will discuss Angular PrimeNG Form Chips Basic Component.
A Chip Component is used to take input of multiple values in a single input field. The most common example where chips are used is the filter input on most e-commerce websites.
Angular PrimeNG Form Chips Basic Component Properties:
ngModel: This property is used to bound an array variable to the values of the chip input.
separator: This property takes a character as a value and whenever you enter that character in the input a new chip will be started. Currently, the only possible value is “,”.
[(ngModel)]=" ... ">
Creating Angular Application and Installing the Module:
Step 1: Create an Angular application using the following command.
ng new appname
Step 2: After creating your project folder i.e. appname, move to it using the following command.
Step 3: Finally, Install PrimeNG in your given directory.
Please Login to comment...