如何在 nativescript 的 NgClass 中应用背景色 属性？

Question

如果我给 class 背景颜色 属性 但是当我选择布局颜色时不会改变。

enter code here
<StackLayout verticalAlignment="middle"   [ngClass]="{'iconLayout':  item.selected}" class="backWhiteSelect"   (tap)="drinkSelected(i)"></stackLayout>

CSS:
    .iconLayout{
        margin: 5;  
        height: 90;
        width: 185;
        text-align: center;
        border-radius: 7;
        background-color: rgba(112, 112, 112, 0.15);
    }

Answer 1

使用 ngClass 添加新的 StackLayout

<ng-template let-item="item" let-i="index">
        <StackLayout verticalAlignment="middle">
            <StackLayout [ngClass]="item?.selected ? 'backWhiteSelect' : 'iconLayout'" (tap)="onTap(item)">
                <Label [text]="item?.name" class="text-center gray-66 h3"></Label>
            </StackLayout>
        </StackLayout>
    </ng-template>

组件中的点击事件

onTap(item) {
    this.interestsItems.forEach(m => m.selected = false);
    item.selected = true;
}