Dart webUI CSS-Probleme

Ich habe Probleme mit dem Styling, wenn ich webUI benutze.

Wenn ich meine dataValues ​​injiziere, ist mein Design kaputt.

In meinem konkreten Fall wird mein Menü nicht richtig angezeigt. Von dem, was ich sehen kann, sieht es so aus, als ob {{dataValue}} die anfängliche Stringlänge 0 hat und html und css angewendet wird, bevor webUI seine Injektionen durchgeführt hat.

Nun, wenn ich meine Saite anlege, sieht es so aus, als wäre sie mit falscher Länge berechnet.

Während des Debuggens, wenn ich die CSS-Datei neu bearbeite (ich ändere nicht die Breite: 100%, ich bearbeite es einfach und speichere es, so dass css erneut angewendet wird), und dann sieht es gut aus.

Ich habe versucht (aus der Dart-Datei):

Aber nichts davon scheint zu funktionieren.

Also im Grunde denke ich, ich könnte das lösen, indem ich css neu lade / neu anlege. Wer weiß, wie man das erreicht?

BEARBEITEN: Was ist das {{datenwert}}? ..put meine Saite .... & lt; - welche Saite? ..wong Länge .. & lt; - was ist daran falsch? Wenn Sie im Dart-Editor als Javascript ausführen und die HTML-Datei einfach von der Festplatte ausführen - funktioniert das? Werden CSS-Stile korrekt angezeigt? In welchem ​​Browser?

• {{dataValue}} ist eine Notation von Darts webUI.
• Meine Zeichenfolge ist eine normale Zeichenfolge, z. B. "Word"
• Dart interpretiert {{dataValue}} als String der Länge 0. Wenn ich meine Strings mit webUI "injiziere", wird die CSS so angewendet, als ob die Länge 0 wäre. So, jetzt kann ich Zeilenumbrüche sehen, wo es nicht sein sollte irgendein. width = 100% wird nicht erneut mit neuen String-Längen angewendet.
• Javascript oder Dartium macht keinen Unterschied.
• Ich verwende Chrom.

EDIT 2:

Ja, dataValue hat einen Anfangswert, unterbricht immer noch das Design.

Dies ist der Code:

In der .dart-Datei weise ich den Strings theFlow , connect , business usw. Werte zu und anschließend watcher.dispatch();

Dies ist in der CSS-Datei: