選擇輸入時的Angular 2事件

Question

我想知道它是否處於角度任何選擇輸入時發生的事件，當我點擊鼠標輸入（僅選項卡）時（選擇）不起作用

HTML：

<div (seeked)="setFocus($event.target.name)">
// I tried (focus) (select) (input) (click)<-this one is closest
<input type="text" name="input1">
<input type="text" name="input2">
</div

我工作角2.4.1 [編輯]

Answer 1

您可以使用事件的焦點事件：

<input type="text" (focus)="focusFunction()" (focusout)="focusOutFunction()"/>

看看這個鏈接： 使用角度2的HTML5事件處理（onfocus和onfocusout）

Answer 2

你應該使用change事件

 onChangeDepartment() { console.log("select event"); } 

  <md-select name="department" [(ngModel)]="reportFilter.department" #departmentTemp="ngModel" (change)="onChangeDepartment()" required> <md-option *ngFor="let department of departments" [value]="department">{{department.name}}</md-option> </md-select> 

Answer 3

對於文本類型的輸入： (focus)="functionToCall()"

Answer 4

您可以使用Angular事件綁定來響應任何DOM事件 。 許多DOM事件由用戶輸入觸發。 綁定到這些事件提供了從用戶獲取輸入的方法。

要綁定到DOM事件，請在括號中包圍DOM事件名稱，並為其指定帶引號的模板語句。

  <input type="text" (focus)="myOnFocus($event)">

資源

如果您想避免將事件綁定到每個輸入，那么創建指令並將其附加到所有輸入將更容易/更干凈， 請檢查此答案 。