Javascript js.append（）角度指令未编译

我有以下问题，我想使用jquery函数.append（）将其追加到div，这是一个角度指令，但它不起作用。我创建了一个JSFIDLE来说明我的观点

你知道它为什么不起作用吗？我该怎么办

我认为这与

http://docs.angularjs.org/api/ng.$compile

但无法理解它

非常感谢

编辑：

---

我已经使用两个指令完成了上述操作，从另一个指令调用一个指令，如下所示：。问题是，如果在anpr指令中使用

templateUrl:“path\u to\u html\u file”

而不是常规的

template:“html\u text”

，它将不会编译指令。有人能告诉我如何编译templateUrl指令吗？

最后使用一个控制器函数完成：

<div data-ng-controller="SetupController">

    <input data-ng-click="addAnpr('tabs_1','anpr')" type="button" value="Add"/>

    <div id="tabs_1">

    </div>

</div>  

app.controller('SetupController', function ($scope, $compile) {
$scope.addAnpr = function (tab,drctv) {
    var el = $compile('<'+drctv+'/>')($scope);
    $('#'+tab).append(el);
}
});

app.directive('anpr', function () {
    return{
        restrict: 'E',
        templateUrl: 'app/partials/SETUP/anprTab.html'
    }
});

app.controller（'SetupController'，函数（$scope，$compile）{
$scope.addAnpr=功能（选项卡，drctv）{
var el=$compile（“”）（$scope）；
$（'#'+tab）.append（el）；
}
});
应用指令（'anpr'，功能（）{
返回{
限制：'E'，
templateUrl:'app/partials/SETUP/anprTab.html'
}
});

在上面的链接中，它说

定义一个指令并使用一个模板，该模板将自动通过Angular为您编译。

这正是我

所做的，但是为什么当我使用.append（）将指令添加到我的div中时，

t Angular不编译我的指令呢函数？你的代码有很多错误的地方。在尝试编写您自己的指令之前，您可能想尝试一些。感谢上面的教程，它对我帮助很大。。但是仍然没有使它正常工作。我现在面临的问题是angular不会编译从我的指令加载的templateUrl。如果我只使用模板：“html_text”，它会工作，但如果我将其更改为templateUrl，它将不会加载。你能给我一点提示或建议吗？