如何显示  或者角度数据中的任何原始html？

Question

如何显示 空格而不是字符串.raw在树枝上有过滤器吗？

<div>{{item}}</div>

$scope.item = '&nbsp;';

但结果是逃脱的 .我需要这个因为' '高度为0.

Answer 1

可以使用ngBindHtml轻松完成

对于Angular 1.2.x以上版本:

使用 ng-bind-html

工作演示

HTML

<div ng-app='myApp' ng-controller="Controller">
   <div ng-bind-html="item"></div>
</div>

脚本

var app = angular.module('myApp', ['ngSanitize']);
app.controller('Controller', function ($scope, $sce) {
   $scope.item = 'What Is Your Name?';
});

对于Angular 1.0.x版本:

工作演示

使用 ng-bind-html-unsafe

HTML

<div ng-app='myApp' ng-controller="Controller">
   <div ng-bind-html-unsafe="item"></div>
</div>

脚本

var app = angular.module('myApp', []);
app.controller('Controller', function ($scope) {
   $scope.item = 'What Is Your Name?';
});

Answer 2

对于Angular 1.3.x版本:

使用该$sce服务将字符串标记为在特定上下文中使用是安全的(在本例中为HTML).
请参阅此处的文档

HTML代码:

<div ng-app='myApp' ng-controller="Controller">
   <div ng-bind-html="item"></div>
</div>

JS代码(控制器):

var app = angular.module('myApp', []);
app.controller('Controller', function ($scope, $sce) {
   $scope.item = $sce.trustAsHtml('<span>Some HTML code</span>');
});