Angular:防止模板中出现额外的空格

Question

我有一个 html 模板，它应该简单地翻译一个状态:

<ng-container [ngSwitch]="currentStatus">
  <ng-container *ngSwitchCase="'DRAFT'" i18n="@@DraftStatus">
    Draft
  </ng-container>
  <ng-container *ngSwitchCase=    ...
  <ng-container *ngSwitchDefault>
    {{currentStatus}}
  </ng-container>
</ng-container>
. End

但无论我怎么尝试，内容总是显示为例如草稿。结束。即在容器的末尾添加一个额外的空间。我会喜欢像 Draft 一样显示它。结束。

尝试在 compontent 中使用设置 preserveWhitespaces: false, 也无济于事。

任何提示如何摆脱这个额外的空间？

Answer 1

你一定有一个你看不到的空白。为确保您可以将您的话包装在 <span> 中喜欢:

...
<ng-container *ngSwitchCase="'DRAFT'" i18n="@@DraftStatus">
   <span>Draft</span>
</ng-container>
...
<span>. End</span>

确保标签之间没有空格