如何动态设置离子切换检查属性
How to dynamically set ion-toggle checked attribute
我正在通过 returns boolean
条件的值设置 ion-toggle checked 属性
<ion-toggle slot="end" checked="setting.is_activated === 1" name="setting"></ion-toggle>
ion-toggle 始终检查为 true，即使条件的返回值为 false
这将不起作用，因为您在这里所做的只是将选中的 NON-ANGULAR 属性设置为字符串值“settings.is_activated === 1”和任何非空、非-零值将以这种方式评估为真。
你想做的是
<ion-toggle slot="end" [checked]="setting.is_activated === 1" name="setting"></ion-toggle>
注意左括号和右括号的添加。这告诉运行时首先附加到 angular 上下文并根据需要评估您的 if 语句。此评估的结果将作为真或假传递给普通检查属性。
我正在通过 returns boolean
条件的值设置 ion-toggle checked 属性<ion-toggle slot="end" checked="setting.is_activated === 1" name="setting"></ion-toggle>
ion-toggle 始终检查为 true，即使条件的返回值为 false
这将不起作用，因为您在这里所做的只是将选中的 NON-ANGULAR 属性设置为字符串值“settings.is_activated === 1”和任何非空、非-零值将以这种方式评估为真。
你想做的是
<ion-toggle slot="end" [checked]="setting.is_activated === 1" name="setting"></ion-toggle>
注意左括号和右括号的添加。这告诉运行时首先附加到 angular 上下文并根据需要评估您的 if 语句。此评估的结果将作为真或假传递给普通检查属性。