angular - 如何动态设置离子切换检查属性

我正在通过返回布尔值的条件值设置 ion-toggle 选中属性

<ion-toggle slot="end" checked="setting.is_activated === 1" name="setting"></ion-toggle>

即使条件的返回值为假，离子切换始终检查为真

标签： angularionic-framework

这将不起作用，因为您在这里所做的只是将选中的 NON-ANGULAR 属性设置为字符串值“settings.is_activated === 1”，并且任何非空、非零值都将以这种方式计算为真。

你想做的是

<ion-toggle slot="end" [checked]="setting.is_activated === 1" name="setting"></ion-toggle>

注意添加的左括号和右括号。这告诉运行时首先附加到角度上下文并根据需要评估您的 if 语句。此评估的结果将通过普通检查属性作为真或假传递。