如何解析嵌入JavaScript对象内的字符串的html？

Question

<script>
  angular.module('module', []);

  angular.module('module').controller('hello', function($scope) {
    $scope.obj = {
      "text": "<u>HelloWorld</u>"
    };

  });

</script>

<body>

  <div ng-app='module' ng-controller='hello'>
    Current:{{obj.text}}

    <br>
    <br> Expected:<u>HelloWorld</u>
  </div>
</body>

Run Code Online (Sandbox Code Playgroud)

我试图读取存储在JSON中的对象,然后将其打印在我的网页上.

我已经提供了上面代码的链接.

我期待输出是一个字符串"HelloWorld",它是下划线.

PS:

我无法编辑JSON
obj是被提取的对象,我无法共享JSON所以我使用了硬编码值.

Answer 1

Pra*_*epb 3

您可以使用ng-bind-htmlandng-bind-html-unsafe来达到这种目的。你必须包括ngSanitize来自angular-sanitize.

<p ng-bind-html="obj.text"></p>

Run Code Online (Sandbox Code Playgroud)

示例如下所示

归档时间：	8 年，11 月前
查看次数：	64 次
最近记录：	8 年，11 月前