nie można zmienić styl CSS w angularjs

Question

Z jakichś powodów, nie mogę zmienić styl elementu przy użyciu następujących:

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

Jestem pewien, że angular.element("#element") prace, jak zwraca element DOM . Plus, to działa:

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

(Wszystko znalazłem jest o ngStyle ale nie sądzę, że jest to co szukam?)

powinienem użyć czegoś innego?

Jeśli tak, to: Co? Dlaczego .style.something nie działa?

Answer 1

Według the docs:

Uwaga: Wszystkie elementu kątowego zawsze są owinięte jQuery lub jqLite; nigdy nie są surowymi referencjami DOM.

Więc własnością .style nie jest dostępna bezpośrednio, ponieważ jest to własność zawiniętego HTMLElement.

---

Można użyć ivarni za podejście zdobyć na HTMLElement (angular.element(...)[0].style...) lub użyć jQuery/jqLite za .css() metody:

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

Answer 2

Angular's element zwraca coś, co otula element DOM, a nie sam DOM. Dostęp do elementu bazowego można uzyskać podobnie jak w przypadku selektora JQuery.

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

Zakłada to oczywiście, że masz jeden mecz, który powinieneś użyć podczas używania identyfikatora.

Answer 3

Jeśli używasz kątowa bez jQuery, to działa:

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

Przetestowałem to w aplikacji jonowej.