防止 AngularJS 删除空格

Question

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

AngularJS 的作用：

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

我想要的是：

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

感谢您的帮助。

Answer 1

防止 AngularJS 删除空格

它不是有角度的，它是浏览器的格式，以便在显示内容时不显示额外的空白（除了只保留一个空格）。您可以使用pre标签来包装内容或使用 csswhite-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>

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