Question

我有以下内容：

<div class="columns large-12">
    <p ng-repeat="desc in joinUs.description">{{desc}}</p>
</div>

如何在重复的段落中显示html内容？基本上我想重复一遍：

<p ng-bind-html="{{desc}}"></p>

joinUs.description是一个字符串数组，其中一些包含锚标记。

修改

我尝试了以下内容（如建议的angular.js ng-repeat li items with html content），但html仍显示为纯文本。

<div class="row">
    <div class="columns large-12">
        <p ng-repeat="desc in joinUs.description" ng-bind-html-unsafe="desc">{{desc}}</p>
    </div>
</div>

Answer 1

试试这个：

 <p ng-repeat="desc in joinUs.description" ng-bind-html="desc"></p>

具有类似用途的plunkr在这里：http://plnkr.co/edit/wiHj5kwdbb08ag8NQcoJ?p=preview

（如果你添加一个工作样本作为plunkr /小提琴或类似的话，它可能会有所帮助）

编辑：

ng-bind-html-unsafe已被弃用。请参阅此stackoverflow问题：With ng-bind-html-unsafe removed, how do I inject HTML?

Angular ngRepeat html内容

1 个答案: