【问题标题】:Angular ngRepeat html contentAngular ngRepeat html 内容
【发布时间】:2015-09-22 00:28:21
【问题描述】:

我有以下几点:

<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>

【问题讨论】:

标签: javascript c# html angularjs


【解决方案1】:

试试这个:

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

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

(如果您将工作示例添加为 plunkr/fiddle 或类似的,这可能会有所帮助)

编辑:

ng-bind-html-unsafe 已被弃用。看到这个 stackoverflow 问题:With ng-bind-html-unsafe removed, how do I inject HTML?

【讨论】:

  • 工作,谢谢。我没有包含清理脚本,因此它最初不起作用。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-03-04
  • 1970-01-01
  • 2019-11-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多