Question

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

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

非常感谢帮助！

HTML w / Angular JS

<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的角度版本来显示带有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>

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

1 个答案: