防止 AngularJS 删除空格

【问题标题】：Prevent AngularJS to remove spaces防止 AngularJS 删除空格
【发布时间】：2015-10-22 17:58:44
【问题描述】：

当我进行插值时如何防止 AngularJS 删除空格？

angularJS 的作用：

{{"1 / 1"}} => 1/1

我想要什么：

{{"1 / 1"}} => 1 / 1

感谢您的帮助。

【问题讨论】：

{{"1 / 1"}} => 1/1 不是当我尝试它时...多个空格会折叠成一个空格，就像任何 html 字符串一样，但它不会折叠成一个没有空格的“1/1”
创建重现您的问题的演示

标签： angularjs interpolation spaces

【解决方案1】：

防止 AngularJS 删除空格

它不是有角度的，它是浏览器在显示内容时格式化为不显示额外的空格（除了它只保留一个空格）。您可以使用 pre 标签来包装内容或使用 css white-space:pre 来保留空格。

.preserve-ws {
  white-space: pre;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>

  <div>{{"1    /    1"}}</div>
  <pre>{{"1    /    1"}}</pre>
  <div class="preserve-ws">{{"1    /    1"}}</div>

</div>

注意：虽然答案集中在特定问题的标题上，但问题中的示例并未正确反映所问的内容。

【讨论】：