Хочу показать цвет фона через эту нг-тамплату

Question

введите описание изображения здесь. Вот мой код с этим ng-шаблоном ng. Для цвета c создайте некоторый внутренний HTML-тег, который я не могу добавить в свойство CSS.

 <ng-template *ngFor="let c of colors" contextMenuItem let-item (execute)="change_task_color($event.item.task_id,c.user_color_id,$event.item)">{{c.name}}</ng-template>

Код, созданный через эту верхнюю строку

<div _ngcontent-c14="" class="dropdown open show ngx-contextmenu" tabindex="0" ng-reflect-klass="dropdown open show ngx-context" ng-reflect-ng-class="">
                  <ul _ngcontent-c14="" class="dropdown-menu show" style="position: static; float: none;" tabindex="0">
                    <li _ngcontent-c14="" class="ng-star-inserted">
                        <a _ngcontent-c14="" href="" class="ng-star-inserted">
                        Red
                        </a>
                    </li>
                    <li _ngcontent-c14="" class="ng-star-inserted">
                        <a _ngcontent-c14="" href="" class="ng-star-inserted">
                        Blue
                        </a>
                    </li>
                    <li _ngcontent-c14="" class="ng-star-inserted">
                        <a _ngcontent-c14="" href="" class="ng-star-inserted">
                        Yellow
                        </a>
                    </li>
                    <li _ngcontent-c14="" class="ng-star-inserted">
                        <a _ngcontent-c14="" href="" class="ng-star-inserted">
                        White
                        </a>
                    </li>
                    <li _ngcontent-c14="" class="ng-star-inserted">
                        <a _ngcontent-c14="" href="" class="ng-star-inserted">
                        Purple
                        </a>
                    </li>
                    <li _ngcontent-c14="" class="ng-star-inserted">
                        <a _ngcontent-c14="" href="" class="ng-star-inserted">
                        Orange
                        </a>
                    </li>
                    <li _ngcontent-c14="" class="ng-star-inserted">
                        <a _ngcontent-c14="" href="" class="ng-star-inserted">
                        Green
                        </a>
                    </li>
                  </ul>
              </div>

Answer 1

Для этого с помощью цикла я добавляю класс с индексом, каждый тег li получает свой собственный класс после вызова функции и устанавливает цвет фона с помощью j-query add css .