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

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