Ich versuche, einige SVG mit AngularJS zu rendern, aber ich kann die Viewbox des Svg-Elements nicht dynamisch ändern.
Angular rendert ein "Viewbox" -Attribut, aber Browser erwarten ein 'viewBox' Attribut. Das Ergebnis ist also:
%Vor%Wie kann ich das Ergebnis erhalten, das ich erwarte:
%Vor%Danke.
Sehen Sie, ob diese Anweisung funktioniert:
%Vor%HTML:
%Vor%Plnkr . Sie müssen "Element prüfen" oder "Quelle anzeigen" sehen, um das SVG-Tag zu sehen.
Update: Wenn Ihre App jQuery enthält, lesen Sie Erzwingt die attr () in jQuery Kleinbuchstaben?
@Niahoo hat herausgefunden, dass dies funktioniert, wenn jQuery enthalten ist (er hat eine Änderung an diesem Beitrag vorgenommen, aber aus irgendeinem Grund haben andere SO-Moderatoren abgelehnt ... Ich mochte es aber, also hier ist es):
%Vor%Die vorgeschlagene Lösung hat nicht funktioniert. Ich bin kein Javascript Pro, aber das tat.
%Vor%So etwas in einer Direktivenverknüpfungsfunktion (Stellen Sie sich einen Bereich mit den verwendeten Variablen vor):
%Vor% Der Schlüssel verwendet $interpolate vor $compile . Es muss eine bessere Lösung geben, aber dies ist die direkteste Option, die ich für Single-Pass-Templates kenne, wo die Variablen anfänglich verfügbar sind.