时间戳

首页 > 解决方案 > Angular：防止模板中出现额外的空格

angular - Angular：防止模板中出现额外的空格

问题描述

我有一个 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 . End。即在容器的末端增加了一个额外的空间。我想像Draft. End.

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

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

标签： angularangular2-template

解决方案

你必然有一个你看不到的空白。为了确保您可以将您的话包装成<span>这样：

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

并确保标签之间没有空格

推荐阅读