本文介绍了angularjs NG绑定HTML的HTML输入部分失踪的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已经包含在ngSanitize的bind-HTML显示HTML
我已经绑定按照我的code:
I have included ngSanitize to display html in bind-htmlI have bind following in my code:
$scope.discslist = '<div class="items text-center"><img src="assets/uploads/discs/'+obj.image+'" class="img-circle"><br><input type="radio" id="chkDisc'+obj.id+'" name="chkDisc" value="'+obj.id+'" required data-ng-model="formdata.disc"></div>';
和控制器中我已经包括$消毒
And in controller I have included $sanitize
它结合HTML到NG-绑定-HTML =disclist格但仅适用于图像和DIV添加,输入元素是从丢失:
It binds the html into ng-bind-html="disclist" div but only images and div are added, input element is missing from that:
<div class="items text-center"><img src="assets/uploads/discs/disc9.png" class="img-circle"><br></div>
我只是想绑定的HTML到我的DIV。
I just wants to bind html to my div.
我使用angularjs 1.4
I am using angularjs 1.4
推荐答案
下面是我都试过了。
JS
angular.module("test",['ngSanitize'])
.controller("testCtrl",['$scope','$sce',function($scope,$sce){
$scope.discslist = '<div class="items text-center">'+
'<img src="assets/uploads/discs/test.png" class="img-circle"><br>'+
'<input type="radio" id="chkDiscid" name="chkDisc" value="1" required data-ng-model="formdata.disc">'+
'</div>';
$scope.discslist = $sce.trustAsHtml($scope.discslist);;
}])
HTML
<body ng-controller="testCtrl">
<div ng-bind-html="discslist"></div>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="angular-sanitize.js"></script>
</body>
请确保您有包括角sanitize.js 并注射
ngSanitize 模块中的应用,并注入的 $ SCE 在您的控制器。
Make sure you have include angular-sanitize.js and injectedngSanitize module in app and injected $sce in your controller.
这篇关于angularjs NG绑定HTML的HTML输入部分失踪的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!