同一 JSON 字符串中文本之间的空格

Question

我自愿为非营利组织编写一个快速的 AngularJS 应用程序。我已经成功设置了 Angular，但我遇到的一个问题源于 JSON。

我有一个包含多个段落的 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."
  }
]

Answer 1

@user5854648 您的后端以这种格式发送 JSON 响应。如果您使用大于 1.2 的 Angular 版本来显示带有 html 标签的文本内容（人们称之为不安全的 html），请使用名为 $sce 的 angularjs 内置服务。为了使其成为可重用组件，创建了一个自定义过滤器。

var demoApp = angular.module('demoApp',[]);
demoApp.filter('trustAsHtml', [
    '$sce',
    function($sce) {
        return function(value) {
            return $sce.trustAsHtml('html', value);
        }
    }
]);

然后在html中进行更改

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

或

<div class="bio">
        <p ng-bind='exhibits[whichItem].bio | trustAsHtml'></p>
 </div>