ビューにHTMLを含む角度変数をレンダリングするにはどうすればよいですか？

Question

私はHTMLを含むデータを持っている（exempleのために、私は<b>XXXX</b>を持っている）として、私はそれを表示したいと思います。私はそれがビューに表示されますとき、これは大胆としてレンダリングされるようにしたい

XXXX

。

どうすればいいですか？

Answer 1

AngularJSでは、ng-bind-htmlを使用してhtmlを表示することができます。

あなたのコンテンツをXXXXと太字にします。

Answer 2

ng-bind-htmlあなたはあなたが探していることを行うことができます。

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

 
app.controller('MainCtrl', function ($scope) { 
 
    $scope.text = "<b>XXXX</b>"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular-sanitize.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="MainCtrl"> 
 
    <div ng-bind-html="text"></div> 
 
</div>

---

あなたがそれを使用できるようにあなたの依存関係でngSanitizeを含める必要があります注意してください。

JSFiddleでテストしてください！