Question

我已经包含了ngSanitize来在bind-html中显示html 我在我的代码中绑定了以下内容：

$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>';

在控制器中我已经包含了$ sanitize

它将html绑定到ng-bind-html =“revealist”div但只添加了images和div，缺少输入元素：

<div class="items text-center"><img src="assets/uploads/discs/disc9.png" class="img-circle"><br></div>

我只是想将html绑定到我的div。

我正在使用angularjs 1.4

Answer 1

这是我尝试过的。

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>

确保包含 angular-sanitize.js 并注入应用中的 ngSanitize 模块，并在控制器中注入 $ sce 。

angularjs ng-bind-html html输入部分缺失

1 个答案: