我想知道的宽度 <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();