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

Angular 2 - Handle单击禁用的输入

1 个答案: