javascript - js .append() Angular 指令未编译

Question

简化我有以下问题，我想使用 jquery 函数 .append() 附加到一个 div，一个 Angular 指令，它不会工作。我创建了一个 jsfiddle 来说明我的观点。http://jsfiddle.net/H26eg/2/

你知道为什么它不工作，我该怎么办？

我认为这与此有关，http://docs.angularjs.org/api/ng.$compile但无法弄清楚..

非常感谢 ！

编辑：我已经设法使用两个指令完成上述操作，从另一个指令调用一个指令，如下所示：http: //jsfiddle.net/H26eg/6/。问题是如果template:"html_text"我再次使用 anpr 指令而不是常规指令templateUrl: "path_to_html_file"，它将不会编译指令。有人可以告诉我如何编译 templateUrl 指令吗？

Answer 1

最后使用控制器功能完成了它：

<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'
    }
});