我想知道的宽度 <div> 在我的指令模板中，并存储在变量中我该如何实现

Question

to know the width of div

i want to know the width of the within the template ,and store in the variable how can i achieve that

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

Answer 1

you can have the link function to get access to the element using which you can get the width of the div.

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

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

Answer 2

You can do this with angular.element eg:

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

or if you have jQuery loaded

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