点击angular2

Question

我有一个列表，我想点击任何一个

来获取类名

<ul id='color' name='color' class="choose-color" (click)=getColor()>
              <li class="color1"></li>
              <li class="color2"></li>
              <li class="color3"></li>
            </ul>

我尝试了3种不同的解决方案，但没有一种解决方案正在运行

// #### solution 1

 $('#color > li').click(function() { 
           alert(this.class);
            console.log("doce");
 });

// #### solution 2

 $('.color > li').click(function() { 
           alert(this.class);
            console.log("docevdfvd");
 });

// #### solution 3

  $('ul > li').click(function() { 
           //  $('#selectedList').show();
           alert(this.class);
            console.log("docevdfvdwcwecwecfe");
 });

所以你可以帮助我......我们能否实现这一目标

Answer 1

如果您的列不是动态的：

<ul id='colorList' name='colorList' class="choose-color">
    <li class="workspace-fill-color{{i}}" *ngFor="let i of [1, 2, 3, 4, 5, 6, 7]" (click)="getColor(i)"></li>
</ul>

在您的组件中：

getColor(i) {
    let class = $(`.workspace-fill-color${i}`).attr('class');
    // Or simply 
    let class = `workspace-fill-color${i}`;
}