Angular inline CSS

Question

如何创建一个指令让我访问内联样式标记中的$ scope对象？

我需要的是像这样：

<style> 
    p { 
     font-size: {{userSetting.fontSize}} 
     margin: {{userSetting.margin}} 
    } 
</style> 

我已经开始为它的指令工作，但无法弄清楚如何创建它。

Answer 1

所以...虽然我不认为这是一个好主意。你可以用一个指令完成它：

<ng-style-definition> 
    h1 { 
    color: {{h1.color}}; 
    } 
</ng-style-definition>``` 

app.directive('ngStyleDefinition', function($timeout){ 
    return { 
    restrict: 'E', 
    replace: true, 
    transclude: true, 
    template: '<style ng-transclude></style>', 
    link: function(scope, element, attr){ 
     $timeout(function(){ 
     element.html(element.children().text()) 
     }, 0) 
    } 
    } 
}) 

你可以得到一个小吸尘器将在$解析或$插值服务，但多数民众赞成它的要点。

几个例子可以看这里：http://plnkr.co/edit/eqmFho55YckE5wmYHdJB?p=preview