挿入空間と各要素

Question

をリンクするために変換、私は、「ID」と「名前」のオブジェクトを持っている、と私は、HTML

カテゴリ1 1、カテゴリにこのような何かを取得したいですカテゴリー3

私はこれをしようとしています：

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

しかし、私はこの取得しています：

を

コンマの後にスペースを入れるにはどうすればよいですか？

Answer 1

を加えながら!isLastを確認し、正確に反対のチェックを行っています。

<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> 

Answer 2

あなたはあなたが行うことになっているものの反対をやっている,

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

Plunker Demo