Angularjs用html显示值[重复]

Question

如何显示来自value的Html？就像 ASP.NET 中的 @Html.Raw()。因为在当前示例中，我只得到带有标签的文本。

JS：

var app = angular.module('Demo', []);
app.controller('TestCtrl', function ($scope) {
    $scope.value = '<p>List</p><ul><li>Test 1</li><li>Test 2</li><li>Test 3</li><li>Test 4</li></ul>'
});

查看：

<div ng-controller="TestCtrl">
    {{value}}
</div>

Answer 1

你应该使用 ng-bind-html 指令，你可以阅读更多here

<div ng-controller="TestCtrl" ng-bind-html="{value}">

Answer 2

使用

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

而不是

{{value}}

您必须使用$sce 提供程序来处理您的代码以获得安全的上下文。

$scope.value= $sce.trustAsHtml("yourHtmlCode");