1

У меня есть этот код на мой контроллер:

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 -модель, вы можете получить его значение.

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

Благодаря

+0

В редакторе chrome я проверяю, что html был успешно создан – Luis

+0

что-либо внутри 'ng-bind-html' не скомпилировано угловыми, поэтому директивы не будут работать внутри него. Кажется, вы создаете настраиваемую директиву и должны просто использовать ваш html в качестве параметра «шаблон» в директиве. Для вашего случая использования его очень легко создать. – charlietfl

+0

Вы можете показать мне пример, пожалуйста? Я ищу somethin about $ compile :( – Luis

ответ

0

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

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

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

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

;)