将 JSON 文件中的 HTML 转换为 Angular
Convert HTML in JSON file with Angular
现在我知道使用 ngSanitize
和 ng-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.get
从 JSON
文件中检索并使用 .then
解析。因此,"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
现在我知道使用 ngSanitize
和 ng-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.get
从 JSON
文件中检索并使用 .then
解析。因此,"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