kann nicht CSS-Eigenschaft des Elements mit dem Winkel

Question

Ich habe ein Element in dem dom, die ich mag diese

angular.element.find('#id-campaign-menu') 

all gut in einer Richtlinie erhalten setzen, bis ich versuche, wie so einige neue CSS, um es anzuwenden

var el = angular.element.find('#id-campaign-menu'); 
el.css({left: 400}); 

ich

Uncaught TypeError: el.css is not a function(…) 

Answer 1

Angular jQLite Objekt Nachschlag nicht durch individuelle element 's und Gewohnheit selector' s. Es sieht sich für nodes/DOM nur wie button, input, div usw.

Wenn Sie jQuery vor Angular dann jQLite API geladen durch jQuery API overrided wird. So können Sie Selektor-basierte Abfrage über DOM tun.

Sie können Ihre Abfrage ändern, damit es mit jQLite funktioniert.

var campaignMenu = angular.element(document.getElementById('id-campaign-menu'); 
campaignMenu.css({left: 400}); 

Answer 2

Hier ist the list of functions supported by Angular's jqLite.

Beachten Sie, dass für .css():

css() - Nur Inline-Stile abruft, ruft nicht getComputedStyle(). Setzt als Setter keine Zahlen in Zeichenfolgen um oder fügt "px" hinzu und verfügt auch nicht über eine automatische Eigenschaftspräfixierung.

So .css() Anrufe zu unterstützen, die den DOM, Import jQuery vor Angular mutieren oder Dokument Vanille JS Selektoren wie document.getElementById.