Question

请参阅下面给出的代码：

    <div ng-app="myApp" ng-controller="myCtrl">        
        <p ng-bind-html="myText"></p>        
    </div>

    <script>
        var app = angular.module("myApp", ['ngSanitize']);
        app.controller("myCtrl", function($scope) {
            $scope.myText = "My name is: <h1>John Doe</h1>";
        });
    </script>

输出为：我的名字是： John Doe

如何显示原文。例如：My Name is : <h1>John Doe</h1> 我想在页面上显示HTML标记。

Answer 1

使用ng-bind代替ng-bind-html

<div ng-app="myApp" ng-controller="myCtrl">        
    <p ng-bind="myText"></p>        
</div>

或者只是

<p>{{myText}}</p>

Answer 2

请使用wp_footer()的{{1}}。

$sce

angularjs

<强>参考：

How to use $sce

Answer 3

首先使用$sce创建过滤器：

app.filter("html", ['$sce', function($sce) {
  return function(input){
    return $sce.trustAsHtml(input);
  }
}]);

然后：

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

Answer 4

我认为你应该像这样使用

控制器中的

$scope.mytext="&lth1&gtJohn Doe&lt/h1&gt"

在你的html页面

<p ng-bind-html="myText"></p>

使用ng-bind-html在页面上显示html标签

4 个答案: