se me hace complicado hacer los querySelectorAll y traté de implementar JQuery
El siguiente código es el HTML del componente
<tbody>
<tr *ngFor="let key of Keys" id="key">
<td width="40"><input type="checkbox" class="form-control" name="" id=""></td>
<td width="130">{{key.line + key.code}}</td>
<td width="250">
<div class="input-group">
<span name="images">
<div class="case">[<i class="fas fa-circle"></i>]</div>
</span>
<select class="form-control" id="selectColor" name="op1">
<option class="white"></option>
<option class="white">0</option>
<option class="gray">1</option>
<option class="brown">2</option>
<option class="blue">3</option>
<option class="purple">4</option>
<option class="green">5</option>
</select>
<select class="form-control" id="selectColor" name="op2">
<option class="white"></option>
<option class="white">0</option>
<option class="gray">1</option>
<option class="brown">2</option>
<option class="blue">3</option>
<option class="purple">4</option>
<option class="green">5</option>
</select>
<select class="form-control" id="selectColor" name="op3">
<option class="white"></option>
<option class="white">0</option>
<option class="gray">1</option>
<option class="brown">2</option>
<option class="blue">3</option>
<option class="purple">4</option>
<option class="green">5</option>
</select>
</div>
</td>
<td>{{key.desc}}</td>
</tr>
</tbody>
Y trataba de hacer uso de Jquery en los Select y varias cosas en general, este es el código de los select
Declaré el numeral y query
declare const $: any;
declare const jQuery: any;
Y también el código de Jquery
public selectC(): void {
let select = $("[id=selectColor]");
for (let i = 0; i < select.length; i++) {
$(select[i]).change(function () {
var color = $("option:selected", this).attr("class");
$(select[i]).attr("class", color).addClass("form-control");
});
}
}
Pero dejó de funcionar cuando lo metí en el ngFor
Ayuda :c
También creo que se puede hacer con una llamada de tipo ViewChild
@ViewChild('tbody') tbody: ElementRef;
Pero no quiere aunque lo ponga como parte del Jquery :c
O bueno ¿cómo puedo seleccionar elementos HTML con Angular y darles evento? :c