javascript - 通过 angularjs ng-repeat 传递 href 链接

Question

我有一系列消息

$scope.messsages = []

单击按钮后，文本区域的内容将使用 ng-click 方法添加到数组中。此消息用于查询 api。之后我们从服务器收到响应，该响应也被添加到数组 $scope.messages 中。所有这些消息都使用 ng-repeat 以 html 形式显示，即:-

<div ng-repeat="msg in messages track by $index">
  {{ msg }}
</div>

但是，如果我从服务器收到像超链接字符串一样的响应

To know more <a href="URL">click here</a> .

ng-repeat 中显示的消息是一个没有超链接的纯字符串。它呈现 <a href="URL">部分作为字符串本身。我想以 html 格式表示它。

其工作方式之一是使用

document.getElementById("demo").innerHTML = $scope.messages;

但我想知道在 ng-repeat 中是否有任何 Angular 方法可以做到这一点本身的一部分。

提前致谢

Answer 1

在您的应用程序中包含 ngSanitize 模块，然后更改您的 View ，如下所示

<div ng-repeat="msg in messages track by $index">
    <div ng-bind-html="msg"></div>
</div>