角度HTMLレンダリングの問題

Question

私は注射の問題があります。なぜ私のhtmlがレンダリングされていないのか分かりません。

ビューでHTMLをレンダリングする。コントローラーで処理/作成し、htmlビューでレンダリングする必要があります。 HTMLはテキストとして表示される

このコードは、現在動作していない：

var myApp = angular.module('myApp', []); 
 

 

 
myApp.controller('MyCtrl', myController); 
 
     
 
myController.$inject = ['$scope'] 
 
    function myController($scope) { 
 

 
     $scope.html = "<b>HTML inserted</b>"; 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
 
<div ng-controller="MyCtrl as vm"> 
 
    <div>Html</div> 
 
    <div>{{html}}</div> 
 

 
<br/> 
 
</div>

Answer 1

角度でHTMLのレンダリングのためにNG-バインドHTML属性を試してみてください。あなたのケースでは

：

<div ng-bind-html="html"></div> 

さらに詳しい情報：

ngBindHtml in AngularJS

編集：またngSanitize依存性を追加します場合は、あなたのモジュールの依存関係で 'ngSanitize' を追加 ngSanitize

Answer 2

試してみますあなたはng-bind-htmlを使用しています