获取div类角下拉按钮上的背景色

Question

我尝试在标签'a‘的下拉菜单上获取颜色，根据用户拥有的selected.when值，选择list按钮，它的颜色更改如下，我尝试过的代码是：

app.component.html

              <div class="dropdown dd">
                <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton"
                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
                  <i class="{{ getPriorityIcon(ticket.priority) }} text-left"></i>{{ticket.priority}}
                </button> 
                <div class="dropdown-menu w-100" aria-labelledby="dropdownMenuButton">
                  <a *ngFor="let priority of Prioritys" class="dropdown-item"
                    (click)="changePriority(ticket.id, priority.name)"  >
                    <i class="{{priority.icon}}"  value="priority.name"></i> {{priority.name}} </a>
                </div>
              </div>

app.component.ts

  Prioritys = [
    { name: 'Low', icon: 'fas fa-square mx-2', value: '#2ED0B9' },
    { name: 'Medium', icon: 'fas fa-circle mx-2', value: '#FFBE96'},
    { name: 'High', icon: 'fas fa-star mx-2', value: '#2ED0B9'},
    { name: 'Critical', icon: 'fas fa-fire mx-2', value: '#2ED0B9' }
  ];

Answer 1

您需要更改的第一件事是*ngFor列表，类型的整数，您需要更改为Prioritys。

<a *ngFor="let type of Prioritys "/>

对于颜色，您可以使用ng样式。

<span ng-style='{color: type.value}'>{{type.value}}</span>