Install ngx-chips using npm

ngx-chips

npm install ngx-chips --save

No Dependencies for this module.

Add TagInputModule into your UIComponentsModule class. ui-components.module.ts would look like this

import {NgModule} from '@angular/core';
import { TagInputModule } from 'ngx-chips';
import { TagsInputComponent } from './extra/tags-input/tags-input.component';

@NgModule({
imports: [TagInputModule],
declarations: [TagsInputComponent]
})
export class UIComponentsModule { }
                

tags-input.component.html would look like this

<section id="file-Tags">
<tag-input [(ngModel)]='items'></tag-input>
                        

Import ng2-file-Tags in TagsComponent class. tags-input.component.ts would look like this

@Component({ selector: 'app',
 template: `tags-input.component.html`
});
export class App {
    items = ['Pizza', 'Pasta', 'Parmesan'];
 }