Почему angular не получает значения ng-моделей входных данных, html вставленных $sce.trustAsHtml?

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-моделей, вставленных в мое представление, но не могу, угловые значения не определены. В чем проблема?!. Если я добавлю ввод вручную и назначу ng -модель, могу получить его значение.

Также я не могу добавить данные к этому выбору с помощью ng-repeat

Спасибо

Answer 1

Наконец я решил свою проблему с этим:

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

Тогда в моем HTML:

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

;)