Javascript 无法设置具有角度的元素的css属性
我在dom中有一个元素,在这样的指令中Javascript 无法设置具有角度的元素的css属性,javascript,angularjs,dom,Javascript,Angularjs,Dom,我在dom中有一个元素,在这样的指令中 angular.element.find('#id-campaign-menu') 一切都很好,直到我尝试像这样应用一些新的css var el = angular.element.find('#id-campaign-menu'); el.css({left: 400}); 我明白了 Uncaught TypeError: el.css is not a function(…) AngularjQLite对象不通过自定义元素和自定义选择器进行查找。
angular.element.find('#id-campaign-menu')
一切都很好,直到我尝试像这样应用一些新的css
var el = angular.element.find('#id-campaign-menu');
el.css({left: 400});
我明白了
Uncaught TypeError: el.css is not a function(…)
Angular
jQLite
对象不通过自定义元素和自定义选择器进行查找。它只查找按钮
,输入
,div
等节点
/DOM
如果在Angular之前加载jQuery,则jQLite
API将被jQuery
API覆盖。所以您可以在DOM上执行基于选择器的查询
您可以将查询更改为下面的,以使其与jQLite
一起工作
var campaignMenu = angular.element(document.getElementById('id-campaign-menu');
campaignMenu.css({left: 400});
给你
请注意,对于.css()
:
css()
-仅检索内联样式,不调用getComputedStyle()
。作为setter,不将数字转换为字符串或附加“px”,也不具有自动属性前缀
因此,要支持变异DOM的.css()
调用,请在Angular之前导入jQuery,或者使用普通的JS文档选择器,如document.getElementById