Question

当用户点击按钮时，我需要发送input元素的值。在Angular2中实现此目的的最佳方法是什么？

<input type="text" class="form-control" placeholder="Search for images..." />
<span class="input-group-btn">
  <button (click)="onClick($event)" class="btn btn-default" type="button">Go!</button>
</span>

Answer 1

您可以使用#name定义引用以进行输入，然后您可以使用name.value

<input type="text" class="form-control" placeholder="Search for images..." #inputElement />
<span class="input-group-btn">
  <button (click)="onClick($event, inputElement.value)" class="btn btn-default" type="button">Go!</button>
</span>

它不是最好的，我会说最简单

Answer 2

您可以将点击功能绑定为：

<input type="text" [(ngModel)]="value" placeholder="Enter the name"  />
<span class="input-group-btn">
  <button (click)="onClick(value)">Go!</button>
</span>

在.ts文件上

你必须创建onClick函数

onClick(valueRecieved){
// do what you want
}

从另一个HTML元素获取值

2 个答案: