帶有ng-bind-html的angularjs指令模板，使用指令範圍

Question

我有一個指令，其模板只是<div ng-bind-html="myhtml"></div>。 但myhtml使用指令的範圍。

我無法得到這份工作。

例子：fiddle

Answer 1

當你不引用期望的結果，我想你想你的指令顯示至少一些從控制器的範圍。

主要是，已經定義了你的指令是這樣的：

.directive('testDirective', 

這是好的，但是你引用它，如下所示：

<testDirective myvar="myvar" myhtml="myhtml" /> 

This is not OK - 你應該引用您的指令test-directive而不是testDirective，this works：

<test-directive myvar="myvar" myhtml="myhtml" /> 

Answer 2

基本上這不是bind-html的意思，當你想動態地將html添加到你的應用中時，你需要檢查出$compile。這與其他人指出的錯字結合在一起。我創建了一個fiddle，顯示您的解決方案：

link: function(scope, elt, attrs) { 
    var element = angular.element(scope.myhtml); 
    var test = $compile(element)(scope); 
    elt.append(test); 
} 

希望這有助於！