Question

我是#LIBS := -lpthread -lboost_system -lboost_thread -lconfig++ -L/usr/lib的新手。所以，在这里，我有webdevelopment。在这个我一个，显示HTML文档。现在，我只想显示文档的文本，但是应该使用.html文件中的格式。所以，现在我的代码就像 -

这里的数据是html文件内容，你可以说它是一个包含html文件内容的字符串。现在，

textAngular

所以，当我得到这个时候，我得到了该文件的所有数据，但当我看到它就像一个文本文档它没有任何新行，我的意思是它不保留新行或者空格。那么，我怎样才能做到这一点？

Answer 1

基本上你需要从string编译它，然后用ngSanitize绑定它。使用<pre>标记保留空白包装。

var app = angular.module('myApp', ['ngSanitize']);
app.controller('myCtrl', function($scope, $sce) {
  $scope.html = "<div style=\"color:red;font-size:24px;\">    T   e  s t    </div>"; // string
  $scope.html = $sce.trustAsHtml($scope.html);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-sanitize.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
  <div style="white-space: pre;"> <!-- instead of <pre> -->
    <div ng-bind-html="html"></div>
  </div>
</div>

使用innerText时，HTML文档会保留新的行和空格

1 个答案: