gpt4 book ai didi

angular - 如何使用 *ngIf 切换类 angular2

转载 作者:太空狗 更新时间:2023-10-29 17:48:33 24 4
gpt4 key购买 nike

您好,我需要使用 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';
}
}

最佳答案

ngClass 是指令,使用它作为 [ngClass] 作为属性绑定(bind)指令。

[ngClass]="arrow"

或更好

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

Demo Plunker

关于angular - 如何使用 *ngIf 切换类 angular2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41881775/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com