Angular 角度:防止模板中出现额外的空白

Angular 角度:防止模板中出现额外的空白,angular,angular2-template,Angular,Angular2 Template,我有一个html模板,可以简单地转换一个状态: <ng-container [ngSwitch]="currentStatus"> <ng-container *ngSwitchCase="'DRAFT'" i18n="@@DraftStatus"> Draft </ng-container> <ng-container *ngSwitchCase= ... <ng-container *ngSwitchDefault

我有一个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

草稿

您可能不喜欢这种格式(或者您可能在保存设置时设置了自动格式,这必须以某种方式禁用),但这应该可以解决问题:

<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

草稿

你必须有一个你看不到的空白。请确保您可以用
将您的文字包装为:

。。。
草稿
...
. 终点

请确保标签之间没有空格

或者在草稿或结束后有额外的空格。尝试内联标记:
{{currentStatus}
并查看是否仍有尾随空格是的,从长远来看,这是解决此问题的最佳方法。我不想依赖HTML中的任何特殊格式,因为我的编辑器可能会把它搞砸。谢谢。