JSON HTML文字列をHTMLに変換します

Question

私はMoodle WebServiceを使用してAngularJS Moodle Webアプリケーションを開発しました。私はMoodle eLearningのクイズを表示するためにトリンギングしています。

私はすべての質問を$http.を使って得ることができます。今の問題は、私は質問を取得するときに、すべての質問は、このようなHTMLコードが付属していることである：私はこれを使用してい

Anが応答（url5）

app.controller('quizCtrl', function($rootScope, $scope, $http) { 

url4 = concatUrl + 'mod_quiz_start_attempt' + '&quizid=2'; 

$http.get(url4).then(function (response) { 
        //console.log(response.data); 
       }) 

url5 = concatUrl + 'mod_quiz_get_attempt_data' + '&attemptid=7&page=0'; 

$http.get(url5).then(function (response) { 
        console.log(response.data); 
        $scope.questions = response.data.questions; 
       }) 
}) 

を取得するためにcontrolores

次のコードを使用してHTMLに質問を表示すると、HTMLコードが文字列として取得され、ng-bind-htmlを使用しようとしましたが、エラーが発生しました。

：私はこのライン {{question.html}}<br /><br />を使用する場合、私はこれを取得してい

JSON.stringify 
angular.fromJson(json); 

：

<div role="main" id="main" class="ui-content scroll" ng-app="mainApp"> 
<div data-role="content" class="pane" id=""> 
    <div class="page-wrap scroll" ng-controller="quizCtrl"> 
      <div ng-repeat="question in questions | orderBy : 'question.number'" id="{{question.number}}"> 
      <div> 
       <!--{{question.html}}<br /><br />--> 
       <p ng-bind-html="question.html"> </p><br /><br /> 
      </div> 
      </div> 
    </div> 
</div> 

また、私が試しました

あなたの助けを借りてくれてありがとう！

Answer 1

言うように私はあなたが厳格な文脈エスケープサービス（$sce）が必要だと思います。 これは、O.Kであるコンテキストを指定できるサービスです。任意のHTMLを許可する。

ドキュメント：https://docs.angularjs.org/api/ng/service/ $のSCE

あなたのコントローラでそれを注入：

app.controller('quizCtrl', function($rootScope, $scope, $http, $sce) 
... 
$http.get(url5).then(function (response) { 
    console.log(response.data); 
    $sce.trustAsHtml = $sce.trustAsHtml; // <- needs to be exposed on $scope 
    $scope.questions = $sce.trustAsHtml(response.data.questions); 
}) 
... 

そして、あなたのビューで：

{{questions}} 

Answer 2

あなたはバインディングのhtmlを機能させるために$sceサービス

$sce.trustAsHtml(varWithHTML) 

を使用する必要があります。

ドキュメントはhttps://docs.angularjs.org/api/ng/service/ $のSCE