2017-06-06 14 views
0

AngularJSのng-bind-htmlタグで文字列と画像を一緒に使用しようとしていますが、これまでのエラーはng-bind-htmlはテキストと画像のURLを一緒にバインドすることができません

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

文字列値のみが来ている場合、または画像URLのみが来ている場合は正常に動作しますが、文字列+画像URLが両方とも表示されても何も表示されず、エラー(404)がスローされます。変数疑問を割り当てます。この値は、DBから来ている

"これは、以下の質問に対する命令である"

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

+0

文字列+画像? –

+0

意味データは「画像の下を見てその画像に基づいて質問に答えてください」 http://www.example.com/images/question1.pngここには画像もテキストも表示されませんが、のみhttp://www.example.com/images/question1.png画像は完全に表示されます –

+0

申し訳ありませんが拒否されました –

答えて

0

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">'); 
 
});
<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>
あなたは何を意味

関連する問題