Question

我创建了一个简单的HTML / JS / Angular脚本来演示我遇到的问题。我有一个解决方法，但仍想将此问题发布给专家。

<body ng-app>
    <div ng-controller='abc'>
         <h1 ng-click='title= "A     B     C    D        EFGH";'>{{title}}   </h1>
    </div>
</body>

Angualr代码：

function abc($scope) {
   $scope.title = 'Hello World';
};

当Clciked on：字符串内的连续空格用单个空格替换。输出是＆＃34; A B C D EFGH＆＃34;

为什么会这样？

Answer 1

折叠空间只是另一种浏览器的默认行为，您可以使用CSS属性进行更改，在这种情况下，它是white-space。

例如，这将保留您输入的空格量。

h1 {
    white-space: pre;
}