如何使用Dart根据布尔值切换CSS类？

Question

我想根据布尔值为一个元素添加或删除CSS类。我想要一个更好的版本：

if (condition) {
  element.classes.add('important');
} else {
  element.classes.remove('important');
}

- Seth Ladd

Answer 1

Dart的HTML库有两种方法可以在元素上toggle CSS类。(如果你计算toggleAll的话，那么就有四种方法：)

要添加一个不存在的类，或者移除已存在的类，请使用toggle(String className)：

element.classes.toggle('important');

使用toggle(String className, [bool shouldAdd])来基于布尔值切换CSS类：

element.classes.toggle('important', condition);

以下是原始功能请求，其中包含添加此功能的提交链接：https://code.google.com/p/dart/issues/detail?id=11741

- Seth Ladd

---

可选参数名称有点令人困惑，它不应该是 [bool shouldToggle] 吗？目前似乎只影响类的添加（除非是这种情况），这只是一个想法。 - Daniel Robinson