javascript - 使用 Angular 转换 JSON 文件中的 HTML

标签 javascript angularjs json ngsanitize

现在我知道使用 ngSanitizeng-bind-html,但是我可以将它与 ng-repeat 一起使用吗?以下逻辑:

<div ng-repeat="(k, v) in specs.webdev">
    <h3>{{::v["job-title"]}}</h3>
    <p>{{::v["job-body"]}}</p>
    United Kingdom Apply Here:
    <p>{{::v["job-apply"]}}</p>
</div>

specs(我有多个 html 标签)是使用 $http.getJSON 文件中检索并使用 解析的。然后。因此,"job-title"、"job-body""job-apply" 中的值包含我正在尝试的 HTML 标记显示在这里。

如何在这里使用 ng-bind-html

最佳答案

如果我理解的很好,就去做

<div ng-repeat="(k, v) in specs.webdev">
  <h3 ng-bind-html="::v['job-title']"></h3>
  <p ng-bind-html="::v['job-body']"></p>
  United Kingdom Apply Here:
  <p ng-bind-html="::v['job-title']"></p>
</div>

这会将 v['job-title'] 的内容和其他属性呈现为 HTML

关于javascript - 使用 Angular 转换 JSON 文件中的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41224777/

相关文章:

javascript - 在 resolve 函数中返回 promise 作为它的延续

javascript - 在 ng-repeat 渲染数据的过程之间显示 ionic loader

angularjs - Angular 安装

javascript - 根据相同的 JSON 键值获取值

Javascript 未捕获语法错误 : Unexpected Identifier (vue. js)

c# - 来自 json 的 XAML GridView 设计时数据

c++ - RapidJSON/C++ : Better ways to create objects/arrays?

javascript - 将 json 推送到 knockout 可观察数组

javascript - 在 webpack 构建期间 Vuetify CSS 更改顺序

Javascript 正则表达式分组