Question

我正在使用angular 2 ui-switch：

在某些情况下，即使我点击它，我也希望开关保持禁用状态。我可以默认禁用开关，但是当我点击它时，它会改变UI上的状态。有没有办法可以防止它在点击开关时改变状态？

我的开关如下所示：

<ui-switch size="small" [checked]="getEnabled()" (click)="toggleSwitch($event)"></ui-switch>

getEnabled（）是返回true / false的方法，用于决定是启用还是禁用交换机。我试图计算如何在某些条件下禁用点击，让我们说当某个变量为真时，我禁用了对开关的点击，这样当你点击它时没有任何反应。

Answer 1

如果你所遵循的是有条件地禁用点击事件功能的触发，那么你可以执行以下操作：

<ui-switch size="small" [checked]="getEnabled()"
     (click)="someCondition ? toggleSwitch($event) : null"></ui-switch>

另一方面，我不明白以下为什么不能工作：

<ui-switch size="small" [checked]="getEnabled()" [disabled]="someCondition"
     (click)="toggleSwitch($event)"></ui-switch>