Der CSS-Stil in AngularJS kann nicht geändert werden

Einige Gründe, die ich nicht ändern kann, den Stil eines Elements mit dem folgenden :

angular.element("#element").style.height = 100px;

Ich bin mir sicher, dass angular.element("#element") funktioniert, denn es gibt ein DOM-element. Plus, das funktioniert :

angular.element("#element").addClass('something');

(Alles was ich gefunden habe ist über ngStyle aber ich glaube nicht, dass es das ist, was ich Suche ?)

Sollte ich etwas anderes verwenden ?

Wenn das so ist :
Was ?
Warum .style.something funktioniert nicht ?

InformationsquelleAutor der Frage Sugar | 2014-06-23

  1. 47

    Laut die docs:

    Hinweis: alle element-Referenzen in Winkel sind immer verpackt mit jQuery oder jqLite; Sie sind nie raw-DOM-Referenzen.

    Also die .style Eigenschaft ist nicht direkt verfügbar, da es eine Eigenschaft des umschlossenen HTMLElement.

    Können Sie entweder ivarni Ansatz auf die HTMLElement (angular.element(...)[0].style...) oder die Nutzung von jQuery/jqLite ist .css() Methode:

    angular.element('#element').css('height', '100px');

    InformationsquelleAutor der Antwort gkalpak

  2. 11

    Eckig ist element gibt etwas, das wickelt sich ein DOM-element, nicht das DOM-element selbst.
    Sie können den Zugriff auf die zugrunde liegende element viel wie Sie würde mit einem JQuery-Selektor.

    angular.element("#element")[0].style.height = 100px;

    Natürlich vorausgesetzt, Sie haben ein Spiel, das sollte man bei der Verwendung einer ID.

    InformationsquelleAutor der Antwort ivarni

  3. 0

    Wenn Sie Eckig ohne jQuery funktioniert:

    angular.element(document.querySelector("#element"))[0].style.height = "100px";

    Habe ich getestet, diese in eine Ionische Anwendung.

    InformationsquelleAutor der Antwort Mehdi Karamnejad

Schreibe einen Kommentar