Angular 5 как получить значение ввода тега

Question

В HTML я использовал ввод тега.Пользователи могут вводить значения через запятую.Однако в .ts я не могу получить значения ввода тега.Ниже того, что я кодировал в html и файл ts отдельно:

<tag-input name="users" [(ngModel)]="users"></tag-input>

в файле .ts -

onSubmit(form : NgForm) {
console.log(form.value);
}

Показывает {users: undefined, message: "my message"}

Как я могу получитьзначение поля пользователя при отправке?

Answer 1

Еще один способ получить данные без ngForm.

<tag-input name="users" [(ngModel)]="users.name"></tag-input>

В .ts файле.

var users : any = {};

onSubmit(){
  console.log(users.name)
}

Answer 2

В файле .ts вам нужно определить переменную "users" внутри класса

public users: String = '';

Теперь вы можете напрямую обращаться к этой переменной внутри onSubmit ()

onSubmit(form : NgForm) {
   console.log(this.users);
}

Если вы хотитеиспользуйте форму, затем необходимо определить следующий код

//.ts file
public testForm:FormGroup; 
constructor( public fb:FormBuilder){}
ngOnInit(){
   this.testForm= new fb.group({
      users: [''];
   });
}
onSubmit() {
  console.log(this.testForm);
}

//.html file
<form [formGroup]="testForm" (ngSubmit)="onSubmit()">
   <input type="text" formControlName="users" [(ngModel)]="users" [value]="users"/>
   <input type="submit"/>Click
</form>

Может быть, этот демонстрационный код поможет вам !!!