AngularJS를 사용하여 요소의 폭을 얻는 방법은 무엇입니까?

AngularJS를 사용하여 요소의 폭을 얻는 방법은 무엇입니까?

jQuery를 사용하여 요소의 폭을 얻을 수 있다는 것은 알고 있습니다만, 궁금하네요.AngularJs를 사용하여 얻을 수 있는 방법이 있습니까?

네이티브 JS(#id):

document.getElementById(id).clientWidth;

네이티브 JS(query Selector(클래스, 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를 혼합에 삽입할 필요가 없는 경우 크로스 브라우저 지옥을 주의해야 합니다.

만약 당신이 이 모든 제안들에 대해 나처럼 머리를 긁적거려도 효과가 없다면, 나는 타임아웃을 정해야 한다는 것을 알게 되었다.왜 그런지 모르겠어요. 아마도 제가 디바에 재료 디자인 속성을 사용하고 있기 때문일 거예요.

setTimeout(function(){
     var divsize = angular.element(document.getElementById('fun_div')).prop('offsetWidth');   
     console.log('Width of fun_div: ' + divsize);
    },50);

언급URL : https://stackoverflow.com/questions/21544137/how-can-i-get-the-width-of-an-element-using-angularjs