Javascript 在Angular应用程序中使用HTML设置JSON样式

我正在用JSON对象将文本注入我的Angular应用程序。有一个“bio”部分需要HTML样式，例如

，这样文本就不是一块不可读的文本。我尝试过信任TML，但它对我无效。一个工作的例子将是最好的，因为我已经阅读了角度文档，不能得到任何工作为我

非常感谢您的帮助

带角度JS的HTML

<div class="bio">
    {{exhibits[whichItem].bio}}
</div>

{{展品[whichItem].bio}

JSON

[
  {
    "name":"Name goes here",
    "bio":"First long block of text goes here then it needs a break <br /> and the second long block of text is here."
  }
]

[
{
“姓名”：“姓名在此显示”，
“bio”：“第一个长文本块在这里，然后需要中断
，第二个长文本块在这里。”
}
]

这个

---

可能会成功

您必须添加“ngSanitize”模块作为依赖项 此外，还必须包含相应的脚本：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-sanitize.js"></script>

如果您不使用

ngSanitize

模块，它将为您提供

ng bind html

<div class="bio" ng-bind-html="exhibits[whichItem].bio">

</div>

---

您可以参考

它是如何不起作用的？是否有来自angular的控制台错误或未显示？你能举一个例子说明你是如何使用trustAsHtml的吗！起初我无法让它工作，然后我想起我必须在angular.module中调用它。你真的帮了我大忙，我真的很感激。

<div class="bio" ng-bind-html="exhibits[whichItem].bio">

</div>