如何将html文本传递给angularjs模板

如何将html文本传递给angularjs模板,angularjs,angularjs-scope,Angularjs,Angularjs Scope,如何将html文本传递给angular js模板 对于下面模板的eample,我希望传递task.data,因为这是任务的任务xyz状态 现在在网页上我可以看到html标签。请帮我把这个修好 <script type="text/ng-template" id="default.tooltip.tmpl.html"> <div class="gantt-task-info" ng-style="css"> <div class="gantt-

如何将html文本传递给angular js模板

对于下面模板的eample,我希望传递task.data,因为这是任务的任务xyz状态

现在在网页上我可以看到html标签。请帮我把这个修好

<script type="text/ng-template" id="default.tooltip.tmpl.html">
    <div class="gantt-task-info" ng-style="css">
        <div class="gantt-task-info-content">
            {{ task.data }}</br>
       {{ task.link1 }}  </br>
            <small>
                {{ task.isMilestone === true && (task.from | date:'MMM d, HH:mm') || (task.from | date:'MMM d, HH:mm') + ' - ' + (task.to | date:'MMM d, HH:mm') }}
            </small>
        </div>
    </div>
</script>

您可以使用ng bind html指令解决您的问题

参见下面的参考代码

<div class="gantt-task-info-content">
        <p ng-bind-html="task.data"></p></br>
        <p ng-bind-html="task.link1"></p></br>

希望这将有助于

看到我需要更新代码来采取这项工作。将数据绑定到模板的代码如下{restrict:E,templateUrl:function tElement,tAttrs{if tAttrs.templateUrl===未定义的{return default.tooltip.tmpl.html;}否则{return tAttrs.templateUrl;},替换:true,作用域:{task:=ngModel},控制器:['$scope','$element',函数$scope,$element{var-bodyElement=angular.element$document[0].body;var-parentElement=$element.parent;$scope.visible=false;$scope.css={};