为什么angular doen得到输入的ng-model的值,$ sce.trustAsHtml插入的html?

时间:2015-09-29 23:47:57

标签: javascript angularjs angularjs-ng-repeat angular-ngmodel ngsanitize

我的控制器上有这个代码:

angular.module('reporteadorApp')
    .controller('sidebarCtrl', ['$scope', '$http', '$cookies', '$sce', function ($scope, $http, $cookies, $sce) {
        $scope.codeControles = '<div class="row"><div class="col-sm-12">'
        $scope.codeControles += '<div class="form form-group"><label>' + asignarListaControles.nombreControl + '</label><select class="form form-control" ng-model="' + asignarListaControles.variable1 + '"></select></div>';
        $scope.codeControles += '</div></div>';
        $scope.codigoHTML = $sce.trustAsHtml($scope.codeControles);
}]);

然后在我的HTML中:

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

我试图在我的视图中插入ng-models的值,但我不能,角度返回未定。有什么问题?!。如果我手动添加输入并指定ng -model,则可以获取其值。

此外,我无法使用ng-repeat

向此选择添加数据

由于

1 个答案:

答案 0 :(得分:0)

最后我用这个来解决我的问题:

var htmlToInsert = $compile('<div>' + $scope.codeControles + '</div>')($scope);
$('#yourDivName').html(htmlToInsert);

然后在我的HTML中:

<div id="yourDivName"></div>