angular - 如何使用 *ngIf 切換 class angular2

你好，我需要使用 Angular2 的 *ngIf 語句切換類別

<i *ngIf="visible" [(ngClass)]="{{arrow}}"></i> << 這行程式碼無法正確運作

這是我的 ts 代碼

private visible = true;
private i = 0;
private arrow = 'ic-v';
private showList(){
    if(this.i == 0){
        this.i = 1;
        this.visible = false;
        this.arrow = 'ic-v-up';
    }
    else
    {
        this.i = 0;
        this.visible = true;
        this.arrow = 'ic-v';
    }
}

答案＃1

ngClass 是指令，將其作為 [ngClass] 作為屬性綁定指令使用。

[ngClass]="arrow"

或更好

[ngClass]="{ 'ic-v': visible, 'ic-v-up': !visible }"

示範 Plunker