在Angular4中的列表之间插入空格并转换以链接每个元素

Question

我有一个带有'id'和'name'的对象，我想在html上得到这样的东西

  

Category1，Category2，Category3

我正在尝试这个：

<span *ngFor="let category of categories; let isLast = last" class="categories">
   {{category.name}}{{isLast ? '' : ', '}}
</span>

但我得到了这个：

Category1,Category2,Category3

我需要做些什么才能在逗号后面找到空格？

Answer 1

您正在进行相反的检查，在添加!isLast

时检查,

{{!isLast ? ', ' : ''}}

Plunker Demo

Answer 2

你正在做与你应该做的相反的事情。你应该这样做：

<span *ngFor="let category of categories; let isLast = last" class="categories"  >
    <span *ngIf="!isLast" [innerHTML]="category.name + ';&nbsp;'"></span>
     <span *ngIf="isLast" [innerHTML]="category.name"></span>
</span>

或者你也可以这样做：

    <span *ngFor="let category of categories; let isLast = last" class="categories"  >
        <ng-template *ngIf="!isLast else elseForLast">{{category.name}};&nbsp;</ng-template>
        <ng-template #elseForLast>{{category.name}}</ng-template>
   </span>