dart - 如何使用 Dart 基于 bool 值切换 CSS 类？

Question

我想基于 bool 值从元素中添加或删除 CSS 类。我想要一个更好的版本:

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

Answer 1

Dart 的 HTML 库有两种方式 toggle元素上的 CSS 类。 (好吧，如果你数的话，有四种方法 toggleAll :)

要添加缺少的类，或删除已经存在的类，请使用 toggle(String className) :

element.classes.toggle('important');

要基于 bool 值切换 CSS 类，请使用 toggle(String className, [bool shouldAdd]) :

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

这是原始功能请求，它链接到添加此功能的提交:https://code.google.com/p/dart/issues/detail?id=11741