html - Angular 2 - 处理点击禁用输入

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

Disabled elements don't fire mouse events. Most browsers will propagate an event originating from the disabled element up the DOM tree, so event handlers could be placed on container elements.

---

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

组件端:

disableTextbox =  false;

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

模板端:

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

---

WORKING DEMO