爲什麼我的指令不會插入其範圍變量？

Question

我試圖編寫一個指令來替換一個嵌入式樣式定義的CSS鏈接。現在

Here is a working version.

，我想實現與插補該功能，所以我沒有設置樣式元素的innerHTML。不幸的是，這似乎是不可能的。我可以將CSS附加到範圍，但Angular不會插入代碼。

Here is the offending version:

.directive('link', function(CssSvc) { 
    return { 
    restrict: 'E', 
    replace: true, 
    scope: {}, 
    template: '<style type="text/css">{{css}}</style>', 
    link: function(scope, elem, attr) { 
     scope.$watch(function() { return CssSvc.css }, function() { 
     scope.css = CssSvc.css; 
     }) 
    } 

    } 
}) 

有人可以解釋爲什麼這是行不通的，如果有一種方法，使角進行插值？

Answer 1

這似乎是使用Angular版本的問題。

This one, using version 1.3rc2, works just fine.

<script data-require="angular.js@1.3.0-rc2" data-semver="1.3.0-rc2" src="https://code.angularjs.org/1.3.0-rc.2/angular.js"></script>\ 

感謝到reddit用戶CureEgg，我現在知道this was fixed as a bug in 1.3。