防止AngularJS去掉空格

Question

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

angularJS 的作用：

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

我想要的：

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

感谢您的帮助。

Answer 1

Prevent AngularJS to remove spaces

不是angular，是浏览器在显示内容时格式化不显示多余的白色space（除了它只保留一个space）。你可以使用pre标签来包裹内容或者使用csswhite-space:pre来保留白色的spaces.

.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>

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

防止AngularJS去掉空格

Prevent AngularJS to remove spaces

angularjs

interpolation

spaces