javascript - 如何在 Angular 数据中显示或任何原始 html？

Question

如何将   显示为空格而不是字符串。是否有像 twig 那样的 raw 过滤器？

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

$scope.item = '&nbsp;';

但是结果被转义了 。我需要这个，因为 ' ' 的高度为 0。

Answer 1

可以使用 ngBindHtml轻松完成

对于 Angular 1.2.x 以上版本:

使用ng-bind-html

<强> Working Demo

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 版本:

<强> Working Demo

使用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?';
});