将json数据(具有锚定标记)呈现到html页面
我有一个带有锚标记的json数据 task.json将json数据(具有锚定标记)呈现到html页面,json,html,angularjs,Json,Html,Angularjs,我有一个带有锚标记的json数据 task.json { "data": [{ "id": 1, "title": "Launch an EC2 Instance", "desc": "Needed an <a href='#'>EC2</a> instance to deploy the ccr code", "status": "done", "percentage_finishe
{
"data": [{
"id": 1,
"title": "Launch an EC2 Instance",
"desc": "Needed an <a href='#'>EC2</a> instance to deploy the ccr code",
"status": "done",
"percentage_finished": 100
}]
}
{
“数据”:[{
“id”:1,
“标题”:“启动EC2实例”,
“desc”:“需要一个实例来部署ccr代码”,
“状态”:“完成”,
“完成百分比”:100
}]
}
我正在使用angularjs将这些数据呈现到我的html页面。但锚定标签不起作用。
它以文本的形式打印
<div class="task-pn panel panel-primary">
<div class="panel-heading"><b>Description : Task-{{task_detail.id}}</b></div>
<div class="panel-body">
<div onclick="this.contentEditable='true';">{{task_detail.desc}}</div>
</div>
</div>
描述:任务-{Task_detail.id}
{{task_detail.desc}
输出img
我需要一个指向EC2 word的简单链接。如何处理此isuue?您需要以下内容: 在控制器中:
scope.trustedHtml = sce.trustAsHtml(json.desc);
并将其用于您的部分:
<p class="org-desc" ng-bind-html="trustedHtml"> </p>
:感谢分享您的想法
给我这个,我用了这个想法
当前工作的html页面
<div class="task-pn panel panel-primary">
<div class="panel-heading"><b>Description : Task-{{task_detail.id}}</b></div>
<div class="panel-body">
<div contentEditable" ng-bind-html="task_detail.desc"></div>
</div>
</div>
描述:任务-{Task_detail.id}
谢谢上面的链接帮助我。现在它可以使用ngSanitize模块和ngbindhtml工作了