如何将false显示为true,并将true设置为false in checkbox angular 2

时间:2017-06-09 20:50:42

标签: angular

我有这个 <input type="checkbox" [(ngModel)]="!item.h"> 但是让我犯了错误...... <input type="checkbox" [(ngModel)]="item.h">这项工作很平常,但我需要证明这个模型的错误是积极的,而积极的是虚假的。

Thnks!

2 个答案:

答案 0 :(得分:4)

我想你可以试试     <input type="checkbox" [checked] = "!item.h" (change)="item.h= !item.h"&GT;

这样,该值将根据checked属性在init上设置,并在更改时恢复组件变量

答案 1 :(得分:0)

在Javascript本身中,您可以使用感叹号 - 字符:

将值转换为布尔值相反的布尔值
var notTrue = !true;
console.log(notTrue); // returns false

那么,为什么不在变量前面抛出一个感叹号,反过来切换复选框呢?

尽管如此,我可能不会给你你正在寻找的答案,但我没有代码可以去......

最终注意:数字0很棘手,因为!0将是true。如果0可能是一个值,那么只需要抬头。