從另一個HTML元素獲取值

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

可以定義REFFERENCE使用#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 
}