如何从Angular上的(click)事件获取动态数据

时间:2018-12-18 21:16:18

标签: javascript html angular

这是我在点击事件中将视频ID加载到i标签中的组件。我想从video.component.ts文件访问此ID。并希望动态加载新视频。我不知道如何加载它。

<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>

这是我的ts文件中的功能

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

1 个答案:

答案 0 :(得分:1)

删除插值:

<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>