想通过这个 ng-template 显示背景颜色

Question

enter image description here这是我使用这个 ng 模板的代码].

 <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

为此，在循环的帮助下，我添加 class 和索引计数，每个 li 标签在调用函数后获得自己的 class 并在 j- 的帮助下设置背景颜色查询添加 css .

想通过这个 ng-template 显示背景颜色

want to show a background color through this ng-tamplate

javascript

jquery

angular

angular6

ng-template