AngularJS在双花括号表示法中呈现HTML
发布时间:2020-12-17 07:59:04 所属栏目:安全 来源:网络整理
导读:我有包含HTML的JSON变量. 通过执行:{{source.HTML}} Angular显示 lt;和 gt;而不是和. 我可以做些什么让Angular呈现实际的HTML? 更新: 这是我的控制器: app.controller('objectCtrl',['$scope','$http','$routeParams',function($scope,$http,$routeParam
我有包含HTML的JSON变量.
通过执行:{{source.HTML}} Angular显示& lt;和& gt;而不是<和>. 我可以做些什么让Angular呈现实际的HTML? 更新: app.controller('objectCtrl',['$scope','$http','$routeParams',function($scope,$http,$routeParams) { var productId = ($routeParams.productId || ""); $http.get(templateSource+'/object?i='+productId) .then(function(result) { $scope.elsevierObject = {}; angular.extend($scope,result.data[0]); }); }]); 在我的HTML中,我可以使用: <div>{{foo.bar.theHTML}}</div>
是否要显示HTML(例如< b> Hello< / b>)或呈现HTML(如Hello)?
>如果要显示它,花括号就足够了.但是,如果您拥有的html具有html实体(例如& lt; stuff),则需要手动取消它,请参阅this SO question. 请参阅以下两种情况的示例: angular.module('test',[]).controller('ctrl',$sce) { $scope.HTML = '<b>Hello</b>'; $scope.trust = $sce.trustAsHtml; }); <script src="https://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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |