More than 3 years have passed since last update.

AngularJS:文字列をエスケープさせずに出力する方法

Last updated at 2020-02-05Posted at 2014-10-17

※AngularJSバージョン:1.3

テンプレ側とJS側それぞれに対応が必要

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

app = angular.module('myApp', []);
app.controller 'MainCtrl', ($scope, $sce) ->
	html = "<p>hoge</p>"
  	$scope.content = $sce.trustAsHtml(html)

angular-sanitizeモジュールを使用する場合はJS側の$sce.trustAsHtmlが不要

app = angular.module('myApp', ['ngSanitize']);
app.controller 'MainCtrl', ($scope) ->
	html = "<p>hoge</p>"
  	$scope.content = html

詳しくは↓