angular4 NG-for 循环时能否给个别数据添加额外的属性

Question

如图第二个div与其他div的数据不一样

Answer 1

当然可以了啊
如果只有两种情况，用*ngIf="isSomething; else other"
如果有多种情况，使用ngSwitch。

<ng-container *ngFor="let btn of buttons; let i=index">
    <ng-container [ngSwitch]="btn.text">
        <span *ngSwitchCase="'A'"
            class="a" [title]="btn.text" (click)="_buttonClicked(btn.id)">
        </span>
        <span *ngSwitchCase="'B'"
            class="b" [title]="btn.text" (click)="_buttonClicked(btn.id)">
        </span>
        <button *ngSwitchDefault type="button"
                class="{{_getStyle(btn.id)}} rep-button"
                (click)="_buttonClicked(btn.id)">
                {{btn.text}}
        </button>
    </ng-container>    
</ng-container>    

Answer 2

可以把额外的属性先封装在数组中，然后再循环。