javascript - 如果我从数组中删除,如何发送 false?

标签 javascript angular

我在 html 中有这个:

 <label class="checkbox-inline custom-checkbox nowrap">
  <input type="checkbox"  ngControl="announcement" (change)="onChange($event,announcement.code)">
 <span>{{announcement.name}}</span>   
 </label>

在我的 ts 文件中,我有这个 onChange:

 onChange(event, announcement) {
         let index = this.checked.indexOf(announcement);

        if (event.target.checked) {
                if (index === -1) {
                    this.checked.push(
                        {
                            'code': announcement,
                            'indicator': true
                        }
                    );
            }
        } else {
            console.log('remove');
            if (index !== -1) {
                this.checked.push(
                     {
                            'code': announcement,
                            'indicator': false
                        }
                );
            }
        }
         console.log(this.checked);
    }

现在,当用户选中数组中的复选框时,我会推送带有公告和 true 的对象,但我希望当用户取消选中它时发送该公告和 false。有什么建议我该怎么做吗?

最佳答案

使用如下内容并不简单:

<label class="checkbox-inline custom-checkbox nowrap">
    <input type="checkbox" [checked]="announcement.checked" (change)="announcement.checked = !announcement.checked" />
    <span>{{announcement.name}}</span>
</label>

plunker as reference

关于javascript - 如果我从数组中删除,如何发送 false?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44130968/

相关文章:

javascript - Go 与 JavaScript JSON 解析

javascript - 如何使用 Typescript 和 NodeJS 将模块注入(inject)到类中

angular - 未处理的 promise 拒绝 : Zone. js 检测到 ZoneAwarePromise : Angular

Angular 4 : Cannot read property 'http' of undefined

Angular Material 扁平树父子图形表示

javascript - 像 HTML 构造函数一样可透视,无需聚合即可显示分组元素

javascript - react 钩子(Hook) : Why do several useState setters in an async function cause several rerenders?

javascript - 如何检查表的父类

Angular Material 选项卡将图像添加到按钮

angular - 从 ts 页面重置 p 表