javascript - AngularJS - ng-include で html を追加

Question

$scope.selectNode = function(node){
    $(".withOptions").append('<li id="list_7"><div><i class="icon20 i-folder-open"></i> '+node.title+' <i class="icon16 i-arrow-down-2"></i><div ng-include="\'http://localhost/test/public/admin/theme\'"></div></div></li>');
}

このコードは、この li アイテムをリストに追加します。しかし、ng-include は angularJS からコンパイルされません

私に何ができる...？

Answer 1

このように機能する可能性があります：

$scope.selectNode = function(node){
     $(".withOptions").append($compile('<li id="list_7"><div><i class="icon20 i-folder-open"></i> '+node.title+' <i class="icon16 i-arrow-down-2"></i><div ng-include="\'http://localhost/test/public/admin/theme\'"></div></div></li>')($scope))
}