Angular js，如何在div中追加html？ （使用控制器）

Question

我试图在div ＆＃34; otherfield＆＃34; 中附加一个指令元素，

在控制器中使用while循环，使用 updateBoxes 函数绑定到html：

HTML

<input type="number" min="2" class="form-control" id="numero_campi" ng-model="numerovoices" ng-change="updateBoxes(numerovoices)">

<div id="otherfield"></div>

JS

//DIRECTIVE
app.directive("listDirective", function() {
return {
    restrict:  'E',
    template : "<h1>This will repeated!</h1>"
};

$scope.updateBoxes = function(param){
    var el = document.getElementById('otherfield');
    var i = 0;
    while (i < param) {
        angular.element(el).append('<list-directive></list-directive>');
        i++;
    }   
}   

我做对了吗？它不适合我...

Answer 1

对于Angular 1.x中的绑定，您可以使用ng-bind-html将字符串绑定为HTML。

<div ng-bind-html="thisCanBeusedInsideNgBindHtml"></div>

你也可以使用$ sce服务。在控制器中使用$ sce.trustAsHtml（）来转换html字符串。

$sce.trustAsHtml('<list-directive></list-directive>')

请查看此link以获取更多信息