javascript - 防止从 Firebase 的 Angular 中的 JSON 中删除格式

Question

我有一个应用程序连接到 Firebase 并显示了 ng-repeat，请参阅下面的代码。连接工作并显示，但描述项有一个\n 内联来创建单独的段落，不幸的是，该段落被删除，并且这些段落简单地作为一个大段落打印到页面。我目前使用的是 Angular 1.3.8。我尝试过 ngSanitize，但它要么不起作用，要么我使用不正确。任何帮助是极大的赞赏。谢谢。

<div>
    <tr ng-repeat="m in members | orderBy:'company' | filter:query">
        <td style="width:250px"><b>{{ m.company }}</b>
            <br>{{ m.address }}
            <br>{{ m.address2 }}
            <br><a href="{{ m.url }}" target="_blank">{{ m.url }}</a>
            <br>
            <br>{{ m.name }}
            <br><em>{{ m.title }}</em>
            <br>{{ m.phone }}
            <br><a mailto="{{ m.email }}">{{ m.email }}</a>
            <br>
            <br>
        </td>
        <td>{{ m.description }}</td>
    </tr>
</div>

Answer 1

HTML 在格式化时会忽略换行符。您需要将换行符替换为 <br>元素或集合white-space至pre , pre-wrap或pre-line在你的 CSS 中。

尝试像这样编辑描述部分:

HTML:

<td class="description">{{ m.description }}</td>

CSS:

.description {
  white-space: pre-line;
}

这将保留 m.description 中的所有换行符在 HTML 格式中。