在AngularJS中无需JQuery即可获取HTML元素高度
我对AngularJS很熟悉。我正在尝试尽可能做到“纯粹”。因此，我试图避免包括jQuery。但是，在获取HTML元素的高度方面遇到了挑战。目前，我正在尝试以下操作：
angular.module('myModule', [])
.directive('myDirective', function() {
return {
restrict: 'A',
link: function(scope, element) {
console.log(element.css('height'));
}
};
})
;
但是，执行此代码后，会将空行写入控制台。我正在尝试显示元素的高度。有没有办法在不使用jQuery的情况下在AngularJS中做到这一点？
谢谢！
问题答案：
看来这工作正常，并且如果使用以下命令，将得到相同的结果：
element.style.height
由于未在元素上设置内联样式或CSS高度，因此将显示空白行。无需依赖样式，您可以直接获取HTML元素的高度。
console.log(element[0].offsetHeight);
http://plnkr.co/edit/03YWwjBjYpid4fVmDxlM?p=preview
-
问题内容： 我需要获取隐藏的div内的元素的高度。现在，我显示div，获取高度，然后隐藏父div。这似乎有点愚蠢。有没有更好的办法？ 我正在使用jQuery 1.4.2： 问题答案： 您可以做这样的事情，但是有点笨拙，请忘记它是否已经是绝对的：
-
问题内容： 我希望获得选定元素的整个html，而不仅仅是它的内容。.html（）根据文档使用javascripts innerHTML（）方法。HTML： 使用将仅返回段落元素。我想获取整个元素的html，如下所示： 我不能使用.parent，因为这将返回两个子div的html。 问题答案： 您可以克隆它以获取全部内容，如下所示： 或使其成为一个插件，通常倾向于将其称为“ outerHTML”，如
-
问题内容： 我想检查一个版本已更改/获取具有Dropbox上共享链接的文本文件的元数据。我不会使用dropbox api，因为它会使用户使用自己的帐户。我希望他们链接到我的帐户，但是我不能手动执行此操作，因为以后可能会更改密码。 所以：没有身份验证令牌，只需从Dropbox的共享链接获取元数据，以便我可以检查版本更改以及版本是否已更改，请下载新文件的内容。 也：我也乐意接受其他建议以使这项工作也可
-
问题内容： 我想在应用程序中连接到wifi网络。 码： 但是问题是我不知道。如何获取WiFi网络的SSID ？ 问题答案： 如果您想获得所有可用的wifi： 如果要连接wifi ssid： 如果您想添加新的wifi设置，我已在下面编写了演示应用程序：
-
问题内容： React渲染元素后如何获取元素的高度？ HTML ReactJS 结果 它正在计算渲染之前的容器高度（36像素）。我想获得渲染后的高度。在这种情况下，正确的结果应为18px。jsfiddle 问题答案： 看到这个小提琴（实际上更新了您的） 您需要钩住在render方法之后要运行的对象。在那里，您可以获得元素的实际高度。
-
问题内容： 使用AngularJS，我需要使用选择器将HTML附加到ng-repeat元素：’objectMapParent-‘+ post._id 所以我创建了一个循环以遍历posts数组的元素的循环，对于每个元素，我在其中调用函数：createElement 该回调函数获得一个选择器elementParent，该选择器用于在DOM中查找节点，然后附加所需的HTML 但是有些事情行不通，就我而言