向打字稿中的字符串添加空格（角度）

Question

我的其中一个组件中有一个方法，每当我单击按钮时，就会在我的 html 页面中调用该方法。我目前正在尝试格式化页面，以便某些属性（即城市和州）出现在页面中的固定位置。这是我到目前为止：

if (this.city !== undefined) {

   let test = 50;

   test -= this.city.length;

   let result = 'City: ' + this.city;

   for ( let i = 0; i < test; i++) {

       result += ' ';

   }

   return result + this.state;

}

然而，与其看到类似 City:（41 个额外空格）Grapevine TX 之类的东西，它看起来更像是 City: Grapevine TX。有趣的是，只要不是空格，就会添加额外的字符。例如，如果我写了 result += 'a'，那么我会在字符串中看到 41 个额外的 a。使用 result += 'a' 示例，如果我写了一行 result = result.replace(/a/g, ' ')，那么最终输出将是 City: Grapevine TX。但是，如果我最初写result += ' '然后写result = result.replace(//g, 'a')，那么即使原始字符串中不会出现多余的空格，这些空格也会被替换为一个“一个”。如何在字符串中添加额外的空格？

Answer 1

尝试在您的 css 中使用下一个代码：.pre-class&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;white-space:&nbsp;pre; &nbsp;&nbsp;&nbsp;&nbsp;}但要小心——文本将按原样显示，所有空格和新行！

Answer 2

您的问题与 html 有关，它在另一个空格之后省略了多个空格。Angular 不是根本原因。纯 html 示例 - 两个标题同等显示：<h1>test&nbsp; &nbsp; &nbsp;test<h1>&nbsp;<h1>test test<h1>解决方案：使用标签和/或 css 来布局您的输出。