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