Angular 4 + Material Design - removable chips

Viewed 3287

I need removable chips like above:

https://material.angularjs.org/latest/demo/chips

But I have to write it in Angular 4. How can I redo these chips https://material.angular.io/components/chips/overview to removable?

Now I have to bind it to textarea like this:

<div class="row">
            <div class="form-group col-md-6">
                <label for="myChips">Chips:</label>
                <textarea class="form-control" rows="2" type="text" id="myChips" [(ngModel)]="myChips" name="myChips" placeholder="Write chips here"></textarea> 
            </div>
        </div>

How can I bind these chips as in the example from angularjs.org?

2 Answers
Related