Angular 7 - 工具提示上的多行字符串

Question

我使用模板字符串创建了多行字符串。

toolTip = `
      ${Test}  : ${number}
      ${Test}  : ${number}
      ${Test}  : ${number}
      ${Test}  : ${number}
      ${Test}  : ${number}}`;

我在按钮的工具提示上显示的这个多行字符串，但是，从第二行添加了额外的空格例如我得到如下输出

Test string : 123
  Test string2 : 234
  Test string3 : 234

有没有办法让它们正确对齐？

Answer 1

那是因为你的字符串中有一堆随机空格

尝试

toolTip =`${'string'}  : ${123}
${'string'}  : ${123}
${'string'}  : ${123}
${'string'}  : ${123}
${'string'}  : ${123}`;

Angular 7 - multiline strings on tooltip