Angular 角度:防止模板中出现额外的空白
我有一个html模板,可以简单地转换一个状态: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
<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中的任何特殊格式,因为我的编辑器可能会把它搞砸。谢谢。