为什么 angular 没有得到 $sce.trustAsHtml 插入的 html 输入的 ng-models 的值？

Question

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

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 的值，但我不能，angular returns 未定义。有什么问题？！。如果我手动添加一个输入并分配一个 ng -model，可以获得它的值。

此外，我无法使用 ng-repeat

向此 select 添加数据

谢谢

Answer 1

最后我解决了这个问题：

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

然后在我的HTML中：

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

;)

为什么 angular 没有得到 $sce.trustAsHtml 插入的 html 输入的 ng-models 的值？

Why angular doen't get value of ng-models of inputs, html inserted by $sce.trustAsHtml?

javascript

angularjs

angularjs-ng-repeat

angular-ngmodel

ngsanitize