Html 更改复选框上div的类值更改

每当选中复选框时，我都试图更改将类“isChecked”添加到父div。为此，我尝试使用ngClass指令

HTML

但这不起作用。有人能指出我的错误或提出更好的方法吗。

解决了它

通过将

'true'

更改为

true

，它就工作了

因此，新的代码是：

   <div ng-class="{isChecked: (isChecked_1 == true)}">
     <input type="checkbox" id="check_1" ng-model="isChecked_1" />
     <label class="label_1" for="check_1">This is a label</label>
   </div>

这是一个标签

---

任何人都知道变量=='true'和变量==true之间的区别是什么？

您可以使用jquery。当用户选中复选框angularJS将模型设置为布尔值

true

时，它可以根据特定条件添加和删除css类。在代码中，将其与字符串

'true'

进行比较，该字符串的计算结果为

false

。因此，您必须将其与布尔值

true

进行比较。这与字符串

'true'

计算结果为

true

的

if

语句不同

此外，您根本不需要手动比较，因为它的唯一目的是生成布尔值。您可以将代码更改为：

    <div ng-class="{isChecked: isChecked_1}">
      <input type="checkbox" id="check_1" ng-model="isChecked_1"/>
      <label class="label_1" for="check_1">This is a label</label>
    </div>

这是一个标签

这不是做事的方式。混合代码是地狱之门。

   <div ng-class="{isChecked: (isChecked_1 == true)}">
     <input type="checkbox" id="check_1" ng-model="isChecked_1" />
     <label class="label_1" for="check_1">This is a label</label>
   </div>

    <div ng-class="{isChecked: isChecked_1}">
      <input type="checkbox" id="check_1" ng-model="isChecked_1"/>
      <label class="label_1" for="check_1">This is a label</label>
    </div>