如何解决默认情况下,Lightning-input Toggle 不会根据 LWC 中的 For Each 循环值取消选中
我在 For Each 循环中创建了 Lightning-input Toggle。我正在通过 Address 集合循环它。当地址处于活动状态时,我需要检查切换,如果地址处于活动状态,我需要取消选中切换。如果我在 Div 中打印值,它的打印正确或为 True ,但如果我在 Lightning-input 中提到它为 checked={address.IsActive} ,则它不起作用。它显示切换为检查所有循环值。实际上,如果 Address IsActive vlaue 为 False,我需要将 Toggle 显示为取消选中。
尝试了所有的可能性 "checked={address.IsActive === "true"} checked={address.IsActive === true} checked={address.IsActive}"
下面是代码和截图。
<template for:each={addresses} for:item="address">
<li key={address.AddressKey}>
<div class="slds-text-heading_small">{address.IsActive}</div>
<lightning-input data-id="status" type="toggle" label="Status " value={address.IsActive} checked={address.IsActive} message-toggle-active="Active" message-toggle-inactive="Inactive"></lightning-input>
</li>
</template>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。