清除标记的JSON响应

时间:2014-01-19 11:50:51

标签: javascript html json angularjs

我从服务器获取JSON响应,该服务器的数据包含带有html标记的文本。

这导致了一个问题,因为我无法设置我的页面样式,因为响应已经有html标记。

有一种优雅的方式来处理这个问题吗?或者我应该通过解析标签来重建响应吗?

更新

所以说Json响应有一个名为instructions的键:

`instructions` : `"<strong>Please post relevant code</strong>. <p>We have no way to guess how exactly you're trying to use that JSON response</p>"`

现在,当我在模板(angularjs)中显示时,我会说:

<div class="alert alert-info">
    {{ response.Instructions }}
</div>

现在,我的模板中会显示标记strongp。我想远程访问这些模板,或者至少能够按原样显示它们。现在我的模板是用标签渲染的,有没有办法在我的标记中包含来自响应的标签?

2 个答案:

答案 0 :(得分:1)

只需parse the JSON,然后对其内容执行某些操作:

data = JSON.parse(payload);
content = data["some"]["key]["in]["there"];
do_something_with_the_content(content)

然后,您可以使用库(例如jQuery)在将标记插入DOM之前对其进行操作。

答案 1 :(得分:1)

可以使用ng-bind-html。需要确保将$santize模块作为依赖项包含在内。

<div class="alert alert-info" ng-bind-html="response.Instructions">

See angular ng-bind-html docs