防止AngularJS删除空格

Question

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

angularJS的作用：

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

我想要的是什么：

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

感谢您的帮助。

Answer 1

  

阻止AngularJS删除空格

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

注意：虽然答案主要针对特定​​问题标题，但问题中的示例并没有正确反映出被问及的内容。