Angularjs directive 为什么链接函数下不应用css类

Angularjs directive 为什么链接函数下不应用css类,angularjs-directive,Angularjs Directive,我有一个包含如下元素的模板 <span class="arrow"></span> 内部指令 link : function($scope, element, attribute) { //get element width } 在结果中,我看到宽度fn返回0,为什么不应用css类?我在模板中添加了更多元素,其他元素css类也没有应用为什么不能使用宽度: 它产生0,不起作用,我想应该首先将它添加到dom中,以便css类得到appliedIs您对s

我有一个包含如下元素的模板

 <span class="arrow"></span>
内部指令

 link : function($scope, element, attribute)
 {
      //get element width 
 }

在结果中,我看到宽度fn返回0,为什么不应用css类?我在模板中添加了更多元素,其他元素css类也没有应用

为什么不能使用宽度:


它产生0,不起作用,我想应该首先将它添加到dom中,以便css类得到appliedIs您对span的指令?同样,这不是一个理想的解决方案,但是您可以使用$timeoutfunction{element.width;},0。这里的0表示在DOM完成渲染后运行。
 link : function($scope, element, attribute)
 {
      //get element width 
 }
link: function($scope, element, attribute)
{
    console.log( element.width() );
}