Q: How to bind an array to ngModel in angular and detect the changes I have an array of strings 
array = ["one","two","three","four"]

, 
I want to bind this values to some input like this:
<input class="form-control"
                       type="text"
                       [(ngModel)]="array">

Then when user changes something in the input, for example adds "five" i would like to add it to array, the same with removing. 
I have done it like I showed earlier, and at first the input has array[4], but when I start typing something in the input Angular changes it to string one,two,three,four,five
How can I do this binding to just update the original array without converting it to string?

A: 1) You can't bind a array with text input field
2) Trigger an event when value changes in text field
<input class="form-control" type="text"  (change)="add($event.target.value)">

3) On function just add that value in array
add(value){
    this.array.push(value)
    console.log(this.array)
  }

.ts file
export class AppComponent  {
  array = ["one","two","three","four"]

  add(value){
    this.array.push(value)
    console.log(this.array)
  }
}

.html
<input class="form-control" type="text"  (change)="add($event.target.value)">

