javascript - 无法设置具 Angular 元素的 css 属性

Question

我在 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(…)

Answer 1

Angular jQLite 对象不会通过自定义 element 和自定义 selector 进行查找。它确实会查找 nodes/DOM，就像 button、input、div等

如果您在 Angular 之前加载 jQuery，则 jQLite API 会被 jQuery API 覆盖。因此，您可以通过 DOM 进行基于选择器的查询。

您可以将查询更改为以下，以使其与 jQLite 一起使用。

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