为什么我的指令不会插入其范围变量？

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。