如何将html字符串打印为html

Question

如果只是例如我做:

var = "<a>Asd</a>";

<span>{{ var }}</span>

字符串打印得像文本而不是html,所以如何打印html？

Answer 1

你应该使用ng-bind-html指令.

创建一个绑定,将innerHTML以安全的方式将表达式计算到当前元素中.

<ANY ng-bind-html="{expression}">
   ...
</ANY>

Answer 2

在使用ng-bind-html指令之前,必须包含$ sanitize服务,否则将引发错误.

错误:$ sce:unsafe需要安全/可信值尝试在安全上下文中使用不安全值.

Error: [$sce:unsafe] http://errors.angularjs.org/1.4.5/$sce/unsafe
    at Error (native)

正确的方式:

<script src="angular.js"></script>
<script src="angular-sanitize.js"></script>

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

myApp.controller('MyController', ['$scope', function($scope) {
  $scope.myHTML = '<a href="#">Hello, World!</a>';
}]);

<div ng-controller="MyController">
 <p ng-bind-html="myHTML"></p>
</div>

https://docs.angularjs.org/api/ngSanitize

https://docs.angularjs.org/api/ng/directive/ngBindHtml

Answer 3

你也可以尝试这样的事情:

    app.filter('to_trusted', ['$sce', function($sce) {
      return function(text) {
        return $sce.trustAsHtml(text);
      };
    }]);

然后,在视图中:

    ng-bind-html=" myHTML | to_trusted"