Question

在HTML中，我使用了标记输入。用户可以在那里输入逗号分隔的值。但是，在//set temperature from json to your <a> tag $('#mytemp').text(weather.main.temp);中，我无法获取标签输入的值。下面是我分别在html和ts文件中编写的代码：

.ts

.ts文件中-

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

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

如何获取提交时用户字段的值？

Answer 1

在.ts文件中，您需要在类内部定义“用户”变量

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>

也许这个演示代码可以帮助您！

Answer 2

没有ngForm的另一种获取数据的方法。

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

在.ts文件中。

var users : any = {};

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

Angular 5如何获取标签输入的值

2 个答案: