Как применить свойство background-color в NgClass в nativescript? - PullRequest
0 голосов
/ 24 февраля 2020

Если я даю класс со свойством цвета фона, но когда я выбрал, цвет макета не изменится.

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);
    }

1 Ответ

0 голосов
/ 25 февраля 2020

добавить новый StackLayout с помощью ngClass

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

событие касания в компонент enet

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