How do i target particular iteration of ngFor loop in angular 9 with jQuery?

Using JQuery within angular will be a constant and sizeable challenge for you… it is advisable to avoid it.

You could do it in angular (without JQuery)

<input type="checkbox" class="form-check-input" value="supress" id="Check" (click)="noteClicked($event, note)">
<div class="check-label note " id="{{i}" [ngClass]="{'line-thr': note.checked}">
  {{note.text}}
  <div class="float-right note">
    {{note.date}}
  </div>
</div>

and in your component

    noteClicked($event, note) {
        note.checked = $event.currentTarget.checked;
    }

Click here for Working example

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top