Javascript 在typescript中向字符串添加空格（角度）

我的一个组件中有一个方法，每当我单击按钮时，它就会在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;
}

if（this.city！==未定义）{
设试验=50；
test-=this.city.length；
让结果='City:'+this.City；
for（设i=0；i

---

但是，它看起来像City: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'），那么即使额外的空格不会出现在原始字符串中，这些空格将替换为“a”。如何在字符串中添加额外的空格？

您的问题与html有关，html在另一个空格后省略了多个空格。棱角不是根本原因

纯html示例-两个标题的显示方式相同：

测试
testtest test

而不是“”您可以尝试

因为人们在其他答案中对您进行了评论，您的问题在于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 += '&nbsp;';
   }
   return result + this.state;
}

if（this.city！==未定义）{
设试验=50；
test-=this.city.length；
让结果='City:'+this.City；
for（设i=0；i

或者，如果愿意，可以将字符串结果嵌入到

标记中

.pre-class {
    white-space: pre;
}

---

您可以查看此页面以了解更多信息。

尝试在css中使用下一个代码：

---

但要小心-文本将按原样显示，包含所有空格和新行

尝试添加而不是空格HTML会忽略多个空格。除非你用不易碎的。但是，我怀疑您最好使用CSS和/或其他格式来解决这个问题。您可以像这样将空格添加为html字符实体：除了（b/c我正在尝试使amount变量）之外，是否没有办法在html中的另一个空格后面放置多个空格我正在写的代码是在一个.ts文件中而不是在html文件中。我正在写的代码是在一个.ts文件中而不是在html文件中。另外，我试着按照你之前说的编辑我的代码，但没有成功。你的答案是否假设我在html文件中编写代码？你是否尝试过用innerHtml标记绑定变量？比如