Javascript 为什么有棱角的多恩';t获取输入的ng模型的值,html由$sce.trustAsHtml插入?
我的控制器上有以下代码:Javascript 为什么有棱角的多恩';t获取输入的ng模型的值,html由$sce.trustAsHtml插入?,javascript,angularjs,angularjs-ng-repeat,angular-ngmodel,ngsanitize,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">'
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);
}]);
angular.module('reporteadorApp')
.controller('sidebarCtrl'、['$scope'、'$http'、'$cookies'、'$sce',函数($scope、$http、$cookies、$sce){
$scope.codeControles=''
$scope.codeControles+=''+asignarlistacontrolles.nombreControl+'';
$scope.codeControles+='';
$scope.codigoHTML=$sce.trustAsHtml($scope.codeControles);
}]);
然后在我的HTML中:
<div ng-bind-html="codigoHTML"></div>
我正在尝试将ng模型的值插入到我的视图中,但是我不能,角度返回未定义。有什么问题?!。如果我手动添加一个输入并分配一个ng-model,我可以得到它的值
此外,我无法使用ng repeat将数据添加到此选择中
谢谢最后我解决了这个问题:
var htmlToInsert = $compile('<div>' + $scope.codeControles + '</div>')($scope);
$('#yourDivName').html(htmlToInsert);
var htmlToInsert=$compile('+$scope.codeControles+'')($scope);
$('#yourDivName').html(htmlToInsert);
然后在我的HTML中:
<div id="yourDivName"></div>
)() 最后,我解决了这个问题:
var htmlToInsert = $compile('<div>' + $scope.codeControles + '</div>')($scope);
$('#yourDivName').html(htmlToInsert);
var htmlToInsert=$compile('+$scope.codeControles+'')($scope);
$('#yourDivName').html(htmlToInsert);
然后在我的HTML中:
<div id="yourDivName"></div>
)() 在chrome编辑器上,我检查html是否已成功创建,
ng bind html
中的所有内容都不是由angular编译的,因此指令在其中不起作用。您似乎正在创建一个自定义指令,只需在指令中使用html作为模板
选项即可。对于您的用例,创建一个用例非常简单。您可以给我一个示例吗?我搜索了一些关于$compile的信息:(只需创建一个指令而不是ng bind html
,并在chrome编辑器中将该html字符串用作模板
,我检查html是否已成功创建ng bind html
中的所有内容都不是由angular编译的,因此指令在其中不起作用。您似乎正在创建自定义指令并且应该在指令中使用html作为模板
选项。对于您的用例,创建一个非常简单。您可以给我看一个例子吗?我搜索了一些关于$compile的信息:(只需创建一个指令而不是ng bind html
,并使用该html字符串作为模板