angular 2如何删除删除列表的颜色

时间:2018-02-01 11:58:41

标签: angular

是否可以在点击时为列表添加颜色,并使用与应用颜色相同的按钮删除相同的颜色。提前致谢。 对于e g。我有5个项目的清单,它们按1,3,5,4,2的顺序选择。 是否可以通过按钮以与应用顺序相同的顺序删除颜色?

          <ul>
            <li *ngFor="let content of fieldList; let x =
           index" (click)="whenClicked[x]=!whenClicked[x]" 
          [style.background-color] = "whenClicked[x]  ? '#20a8d8 ' : ''" 
              class="list-group-item" >
              {{content.name}}
            </li>
          </ul>

          <button (click)='onDelete()'>Delete</button>


          and in the TS 
              class NewComponent {
            whenClicked = [false,false];
            arrOne: any =[];

            fieldsIndex(x: string) {
            this.arrOne.push({x});
            console.log(this.arrOne);}

            onDelete(){
            }


}

0 个答案:

没有答案