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



在这里输入图像描述这是我的代码,这个ng模板ngFor 让颜色的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>
为此

,在循环的帮助下,我添加了带有索引计数的类,每个li标签在调用函数后都会获得自己的类,并在j-query add css的帮助下设置背景颜色。

相关内容

  • 没有找到相关文章

最新更新