在这里输入图像描述这是我的代码,这个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的帮助下设置背景颜色。