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

一尘不染

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

angularjs

如何显示 为空格而不显示为字符串。有raw像树枝一样的过滤器吗？

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

$scope.item = '&nbsp;';

但是结果逃不过了&nbsp;。我需要这个，因为' '高度为0。

阅读 210

2020-07-04

共1个答案

一尘不染

使用 ngBindHtml
可以轻松完成

对于1.2.x以上版本的Angular：

用 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&nbsp;Is&nbsp;Your&nbsp;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&nbsp;Is&nbsp;Your&nbsp;Name?';
});

2020-07-04