Question

我试图在AngularJS中的ng-bind-html标签中一起使用一些字符串和图像但到目前为止它给出的错误是我做的

<div class="row">
    <span data-ng-bind-html="question"></span>
</div>

如果只有字符串值即将到来或者只有图像url即将到来，那么它工作正常但是当字符串+图像url都来了它时它不显示任何内容并且它抛出错误（404）找不到资源。

此值来自DB，它将分配给问题变量

＆＃34;这是以下问题的说明＆＃34;

http://localhost:8080/OnlineExam/static/css/question_images/ tid_27-8-16_10AM_qno_25.png

Answer 1

＆＃13;

var app = angular.module("exApp",["ngSanitize"]);

app.controller('ctrl', function($scope, $sce){
$scope.image = $sce.trustAsHtml('<img src="http://i67.tinypic.com/s6rmeo.jpg" style="width:200px;height:200px">');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-sanitize.min.js"></script>
<body ng-app="exApp">
<div ng-controller="ctrl">
<span ng-bind-html="image"></span>
</div>
</body>

＆＃13;

ng-bind-html无法将文本和图像URL绑定在一起

1 个答案: