Javascript 以html格式追加

Javascript 以html格式追加,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我想在angular中以html的形式附加该值 <div class="storycontent" ng-class="{show: show}"> <a href="#/profile?{{review.id}}">{{review.name}}</a>: {{review.story}} </div> 我如何直接附加为.html而不是.text 你甚至不需要Jquery。ng bind html可以自己完成这项任务 <di

我想在angular中以html的形式附加该值

<div class="storycontent" ng-class="{show: show}">
       <a href="#/profile?{{review.id}}">{{review.name}}</a>: {{review.story}}
</div>

我如何直接附加为.html而不是.text

你甚至不需要Jquery。ng bind html可以自己完成这项任务

<div class="storycontent" ng-class="{show: show}">
  <a href="#/profile?{{review.id}}">{{review.name}}</a>: 
    <span ng-bind-html="review.story"></span>
</div>
注意:$sce必须注入控制器中。angularJS不能直接使用它

.controller('ControllerName', ['$scope', '$sce', function($scope, $sce) {... 

您甚至不需要Jquery来实现这一点。ng bind html可以自己完成这项任务

<div class="storycontent" ng-class="{show: show}">
  <a href="#/profile?{{review.id}}">{{review.name}}</a>: 
    <span ng-bind-html="review.story"></span>
</div>
注意:$sce必须注入控制器中。angularJS不能直接使用它

.controller('ControllerName', ['$scope', '$sce', function($scope, $sce) {... 
使用ng bind html=expression 这里的表达式是您的html

使用ng bind html=expression 这里的表达式是您的html

您可以在angular中使用ng bind html

按文档:ng bind html

计算表达式并将结果HTML插入到 元素以一种安全的方式。默认情况下,生成的HTML内容将 使用$sanitize服务进行消毒。利用这个 功能,确保$sanitize可用,例如 将ngSanitize包含在模块的依赖项中而不是核心中 有棱角的为了在模块的依赖项中使用ngSanitize, 您需要在应用程序中包含angular-sanitize.js

用法:ng bind html=review.story>

请参阅,您可以在angular中使用ng bind html

按文档:ng bind html

计算表达式并将结果HTML插入到 元素以一种安全的方式。默认情况下,生成的HTML内容将 使用$sanitize服务进行消毒。利用这个 功能,确保$sanitize可用,例如 将ngSanitize包含在模块的依赖项中而不是核心中 有棱角的为了在模块的依赖项中使用ngSanitize, 您需要在应用程序中包含angular-sanitize.js

用法:ng bind html=review.story>


参考

您可以使用指令ngBindHtml,更多信息请参见:

您还必须记住,在绑定html之前,您必须确保它是安全的。您可以对其使用ngSanitize和$sce.trustAsHtml函数:


您可以使用指令ngBindHtml,更多信息如下:

您还必须记住,在绑定html之前,您必须确保它是安全的。您可以对其使用ngSanitize和$sce.trustAsHtml函数:


谢谢你给我额外的小费,你知道我为什么会拿到$sce吗defined@vignesh这是一个服务,你必须注入它。类似于控制器[$sce:itype]中的['$scope','$sce',函数$scope,$sce试图在需要string:Context:html的内容中信任非字符串值正在解决此问题现在我在result@vignesh你的值不是字符串?无论如何,这与初始问题不匹配。我认为添加第二个会更好。是的,我已经接受了对现有问题的答案检查e同一行谢谢你给我额外的小费你知道我为什么得到$sce吗defined@vignesh它是一个服务,您必须注入它。类似于控制器[$sce:itype]中的['$scope','$sce',function$scope,$sce…”试图在需要string:Context:html的内容中信任非字符串值正在解决此问题现在我在result@vignesh你的值不是字符串?无论如何,这与初始问题不匹配。我认为添加第二个会更好。是的,我已经接受了对现有问题的答案检查e同一条线