将 JSON 字符串格式化为段落

Question

我正在将 Angular JS 用于一个简单的网络应用程序。

我有一个包含多个段落的 JSON 对象。因此，我需要将段落分成两行。我做了一些研究，找到了类似问题的一些答案，但由于没有将它们放在上下文中，我不理解它们。我试图查看 JSON 是否内置了强制换行的内容，因为那样可以，但我没有找到。

非常感谢您的帮助！

带有 Angular JS 的 HTML

<div class="bio">
    {{exhibits[whichItem].bio}}
</div>

JSON

[
  {
    "name":"Name goes here",
    "bio":"First long block of text goes here then it needs a break <br /> and the second long block of text is here."
  }
]

AngularJS - controllers.js

var exhibitListControllers = angular.module('exhibitListControllers', ['ngAnimate']);

exhibitListControllers.controller('ListController', ['$scope', '$http', function($scope, $http){
  $http.get('js/data.json').success(function(data) {
  $scope.exhibits = data;
  $scope.exhibitOrder = 'name';
 });
}]);

Answer 1

来自https://docs.angularjs.org/api/ng/directive/ngBindHtml

和

https://docs.angularjs.org/api/ngSanitize

ng-bind-html 计算表达式并以安全的方式将生成的 HTML 插入到元素中。默认情况下，生成的 HTML 内容将使用 $sanitize 服务进行清理。要利用此功能，请确保 $sanitize 可用，例如，通过将 ngSanitize 包含在模块的依赖项中（不在核心 AngularJS 中）。为了在模块的依赖项中使用 ngSanitize，您需要在应用程序中包含“angular-sanitize.js”。

在html页面中你可以这样做

<div ng-controller="ExampleController">
   <p ng-bind-html="myHTML"></p>
</div>

在你的控制器中：

angular.module('bindHtmlExample', ['ngSanitize'])
.controller('ExampleController', ['$scope', function($scope) {
 $scope.myHTML =
   'I am an <code>HTML</code>string with ' +
   '<a href="#">links!</a> and other <em>stuff</em>';
}]);

或

你也可以试试这样的：

app.filter('to_trusted', ['$sce', function($sce) { 返回函数（文本）{ 返回 $sce.trustAsHtml(文本); }; }]);

然后，在视图中：

ng-bind-html="myHTML | to_trusted"