javascript - 如何使用 AngularJS 获取元素的宽度？

Question

我意识到我可以使用 jQuery 来获取元素的宽度，但我很好奇；有没有办法使用 AngularJS 来做到这一点？

Answer 1

原生 JS (#id):

document.getElementById(id).clientWidth;

原生JS(querySelector(类，id，css3选择器)):

document.querySelectorAll(".class")[0].clientWidth;

将其插入 angular.element:

angular.element(document.getElementById(id)).clientWidth;
angular.element(document.querySelectorAll(".class")[0]).clientWidth;

如果您需要获取非四舍五入的数字，请使用 getBoundingClientRect。

angular.element(document.getElementById(id)).getBoundingClientRect();

有关该主题的一些资源:

• http://msdn.microsoft.com/en-us/library/hh781509(VS.85).aspx
• https://developer.mozilla.org/en-US/docs/Web/API/Element.clientWidth
• https://developer.mozilla.org/en-US/docs/Web/API/element.getBoundingClientRect

如果这在语法方面让你的船漂浮并且不需要将 jQuery 插入混合中，请警惕跨浏览器 hell 。