我想知道的寬度 <div> 在我的指令模板中，並存儲在變量中我該如何實現

Question

知道div的寬度

我想知道模板內的寬度，並存儲在變量中我該如何實現

 pp.directive('skillSlider',function() { return{ template:'<div class="progress"></div>' } }); ---------- how to calculate the width of the div inside the directive template 

Answer 1

你可以使用link函數來訪問元素，使用它可以獲得div的寬度。

pp.directive('skillSlider',function()
    {
       return{
              template:'<div class="progress"></div>',

              link:function (scope, element, attrs) {
                console.log(element.width());
               })   
    }
 });     

Answer 2

您可以使用angular.element執行此操作，例如：

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

或者如果你加載了jQuery

angular.element($('#id').width();
angular.element($('.class')[0]).width();