动态添加含angular指令的html代码段

时间：2021-01-01 12:30:32 收藏：0 阅读：0

在angular项目中，若动态添加的html代码段中含有angular指令，angular指令不能应用成功。

解决办法：

html

<div id="HtmlBox"></div>

<button ng-click=”addHtmlPart()”>添加代码段</button>

js （$compile 需要注入）

$scope.addHtmlPart = function(){
    var el = $compile("<span ng-click=‘test()‘>测试</span>")($scope);
    angular.element(‘#HtmlBox‘).append(el); 
}