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