如何使用ng-style访问当前元素

Question

当我使用ng-style时,我想访问当前的元素css属性

由于以下元素:

<div ng-style="changeWidth()">

访问其CSS属性

$scope.changeWidth = function(element) {
    return {
       width: element.width() / 2
    }
};

有人知道实现这一目标的最佳方法吗？

Answer 1

使用指令:

.directive("getStyle",function(){
  return{
    link:function(scope,element){
      element[0].style.border = "5px dotted #090";
    }        
  }      
});

示例:http://plnkr.co/edit/izOrEi？p = preview

还有一个(指令范围交互):http://plnkr.co/edit/uL7N1j？p = preview