How can I get dynamic data from (click) event on Angular

Question

Here is my component where i am loading video id in i tag on click event. I want to access this id from video.component.ts file. And want to load new video dynamically. I can't figure out how to load it.

<li *ngFor="let video of chapter.video" 
    class="list-group-item hoverEffect">
     <a 
     routerLink="video/{{ video.ytd }}" class="linkHover">
     <i 
     (click)="loadVideo({{ video.id }})" class="fa fa-play-circle float-right"></i>
                      {{ video.title }}
     </a>
</li>

this is function in my ts file

  loadVideo(video: any){
    this.player = video;
  }

Follow this link you will get clear Idea stackoverflow.com/questions/36659854/… — Vinoth Kumar K
– Vinoth Kumar K, Commented Dec 19, 2018 at 8:07

georgeawg · Accepted Answer · 2018-12-18 21:32:20Z

1

Remove the interpolation:

<li *ngFor="let video of chapter.video" 
    class="list-group-item hoverEffect">
     <a 
     routerLink="video/{{ video.ytd }}" class="linkHover">
     <i 
     ̶(̶c̶l̶i̶c̶k̶)̶=̶"̶l̶o̶a̶d̶V̶i̶d̶e̶o̶(̶{̶{̶ ̶v̶i̶d̶e̶o̶.̶i̶d̶ ̶}̶}̶)̶"̶ ̶c̶l̶a̶s̶s̶=̶"̶f̶a̶ ̶f̶a̶-̶p̶l̶a̶y̶-̶c̶i̶r̶c̶l̶e̶ ̶f̶l̶o̶a̶t̶-̶r̶i̶g̶h̶t̶"̶
     (click)="loadVideo(video.id)" class="fa fa-play-circle float-right">
     </i>
                      {{ video.title }}
     </a>
</li>

answered Dec 18, 2018 at 21:32

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

DeborahK Over a year ago

I'm stealing that idea! :-)

Collectives™ on Stack Overflow

How can I get dynamic data from (click) event on Angular

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related