Wie kann ich eine CSS-Klasse basierend auf einem booleschen, mit Dart?

Question

Ich möchte hinzufügen oder entfernen Sie eine CSS-Klasse von einem Element, basierend auf einem booleschen. Ich möchte eine schönere Version davon:

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

Answer 1

Dart HTML-Bibliothek hat zwei Möglichkeiten, um toggle CSS-Klassen auf einem Element. (Na ja, vier Möglichkeiten, wenn Sie zählen toggleAll :)

eine Klasse hinzufügen, wenn es fehlt, oder eine Klasse entfernen, wenn sie bereits vorhanden ist, verwenden Sie toggle(String className):

element.classes.toggle('important'); 

Um eine CSS-Klasse zu wechseln, basierend auf einem boolean Wert, verwenden toggle(String className, [bool shouldAdd]):

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

Hier ist das Original-Feature-Anfrage, die dem commit Links, die fügt diese Funktion: https://code.google.com/p/dart/issues/detail?id=11741