각도 JQuery가 없는 HTML 요소 높이 가져오기JS

각도 JQuery가 없는 HTML 요소 높이 가져오기JS

나는 AngularJS에 익숙해지고 있다.나는 가능한 한 순수해지려고 노력하고 있다.그렇기 때문에 jQuery는 포함하지 않도록 하고 있습니다.그러나 HTML 요소의 높이를 파악하는 데 어려움을 겪고 있습니다.현재 다음을 시도하고 있습니다.

angular.module('myModule', [])
  .directive('myDirective', function() {
    return {
        restrict: 'A',
        link: function(scope, element) {
            console.log(element.css('height'));
        }
    };
  })
;

단, 이 코드가 실행되면 콘솔에 빈 행이 기록됩니다.요소의 높이를 표시하려고 합니다.Angular에서 할 수 있는 방법이 있나요?jQuery를 사용하지 않는 JS?

감사해요!

이것은 올바르게 동작하고 있는 것처럼 보이며, 다음을 사용해도 같은 결과를 얻을 수 있습니다.

element.style.height

요소에는 인라인 스타일 또는 CSS 높이가 설정되어 있지 않기 때문에 공백 행이 표시됩니다.스타일에 의존하지 않고 HTML 요소의 높이를 직접 얻을 수 있습니다.

console.log(element[0].offsetHeight);

http://plnkr.co/edit/03YWwjBjYpid4fVmDxlM?p=preview

HTML 요소의 실제 너비와 높이를 검색하려면 어떻게 해야 합니까?

요소 주위에 angular로 둘러싸인 작은 래퍼를 사용하면 속성을 요청할 수 있습니다.

element.prop('offsetHeight');

정상적으로 동작합니다.http://plnkr.co/edit/pFHySDo7hjEcMKCqGuiV?p=preview 를 참조해 주세요.

언급URL : https://stackoverflow.com/questions/21895732/get-html-element-height-without-jquery-in-angularjs