如何使用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