将json数据(具有锚定标记)呈现到html页面

将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

我有一个带有锚标记的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_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工作了