大佬教程收集整理的这篇文章主要介绍了AngularJS在双花括号表示法中呈现HTML,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
通过执行:{{source.HTML}} Angular显示& lt;和& gt;而不是<和>.
我可以做些什么让Angular呈现实际的HTML?
更新:
这是我的控制器:
app.controller('objectCtrl',['$scope','$@R_616_10107@','$routeParams',function($scope,$@R_616_10107@,$routeParams) { var productId = ($routeParams.productId || ""); $@R_616_10107@.get(templatesource+'/object?i='+productId) .then(function(result) { $scope.elsevierObject = {}; angular.extend($scope,result.data[0]); }); }]);
在我的HTML中,我可以使用:
<div>{{foo.bar.theHTML}}</div>
>如果要显示它,花括号就足够了.但是,如果您拥有的html具有html实体(例如& lt; stuff),则需要手动取消它,请参阅this SO question.
>如果要渲染它,则需要使用Ng-bind-html指令而不是curcly括号(其中,FYI,是ng-bind指令的快捷方式).你需要告诉Angular注入该指令的内容是安全的,使用$sce.trustAsHtml.
请参阅以下两种情况的示例:
angular.module('test',[]).controller('ctrl',$scE) { $scope.HTML = '<b>Hello</b>'; $scope.trust = $sce.trustAsHtml; });
<script src="@R_616_10107@s://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="test" ng-controller="ctrl"> <div>Show: {{HTML}}</div> <div>Render: <span ng-bind-html="trust(HTML)"></span></div> </div>
以上是大佬教程为你收集整理的AngularJS在双花括号表示法中呈现HTML全部内容,希望文章能够帮你解决AngularJS在双花括号表示法中呈现HTML所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。