如何根据从具有值（主要、次要、第三等）的对象属性获得的值设置离子卡的背景颜色

Question

您好，我想为离子卡设置背景颜色。我返回的对象有一个名为 color 的属性，这个属性在 db 表上有值 variables.scss 上的预定义颜色（主要、次要、第三、深色等...）。该对象的名称是 userInterests。 userInterests.color 是具有值（主要、次要、第三）的属性

<ion-col size="6" *ngFor="let item of usersInterest;">
          <ion-card id="card">
            <ion-avatar>
            <img [defaultImage]="defaultImage" [lazyLoad]="item.profile_pic"/>
          </ion-avatar>
            <div class="card2"><div><br /><br /><br /><br /><br /><br /><br /><br /></div>
              <div class="card-title">{{item?.first_name || item?.username }}</div>
              <div class="card-subtitle">{{item?.artisticBehaviour}}</div>
            </div>
        </ion-card>