Как связать массив с ngModel в angular и обнаружить изменения

Question

У меня есть массив строк

array = ["one","two","three","four"]

, я хочу привязать эти значения к некоторому вводу, например так:

<input class="form-control"
                       type="text"
                       [(ngModel)]="array">

Затем, когда пользователь что-то меняет на входе, для Пример добавляет «пять» я хотел бы добавить его в массив, то же самое с удалением Я сделал это, как я показал ранее, и сначала на входе есть массив [4], но когда я начинаю набирать что-то во входных данных, Angular меняет его на строку один, два, три, четыре, пять Как я могу это сделать привязка просто обновить исходный массив без преобразования его в строку?

Answer 1

1) Вы не можете связать массив с полем ввода текста

2) Инициировать событие, когда значение изменяется в текстовом поле

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

3) В функции просто добавьте это значение в массиве

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

.ts файл

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)">