Angular 2 - Handle单击禁用的输入

Question

这就是我现在所拥有的.试图调用该checkToEnable函数.

<input type="text" ([ngModel])="city.arr.date" [id]="city.id+'_arr_date'" [name]="city.id+'_arr_date'" [attr.disabled]="selectedTripType=='OT' ? true : null" class="input-icon-date input-default-last  form-control" (click)="checkToEnable()" placeholder="Return Date"/>

Answer 1

禁用的元素不会触发鼠标事件.大多数浏览器会将源自禁用元素的事件传播到DOM树上,因此事件处理程序可以放在容器元素上.

但是你可以通过这种方式实现它:

组件方面:

disableTextbox =  false;

toggleDisable() {
    this.disableTextbox = !this.disableTextbox;
}

模板方面:

<div (click)='toggleDisable()'>
  <input [disabled]='disableTextbox' >
</div>

以下是工作演示的链接:

https://stackblitz.com/edit/angular-input-disable