在空模板中注入html内容

Question

由于休息服务，我从服务器检索HTML页面的代码，我希望将html代码集成到空模板中

 .controller('TestController', ['$scope'  ,'$rootScope' , '$sce'  , function ($scope ,$rootScope,$sce) {
        var restHtml =$rootScope.test; //contains <div>Test</div>
        $scope.showHtml= $sce.trustAsHtml(restHtml );
    }]);

模板

<div ng-bind-html="showHtml"></div> <!-- didn't work and i want a solution without integrate my html code into a existing div -->

谢谢

Answer 1

理想情况下，DOM操作不应该在控制器中发生，应该使用指令。

要回答您的问题，您可以将compile html放入您的代码中。获取html，找到要插入html的元素并使用compile来完成它。 compile的一个很好的例子。