Angular 实现旋转木马组件的单击

Angular 实现旋转木马组件的单击,angular,ng-bootstrap,Angular,Ng Bootstrap,我正在使用ng引导引导组件 我对Angular2还是个新手,在掌握一些概念方面有困难 转盘组件不包括onClick事件输出 我试图创建自己的幻灯片,同时保留我单击的幻灯片的信息 因此,我试着这样做: <ngb-carousel> <template ngbSlide id="mySlide" (click)="onSlideClicked()"> <img src="../assets/slide.jpg"> <div class="

我正在使用ng引导引导组件

我对Angular2还是个新手,在掌握一些概念方面有困难

转盘组件不包括onClick事件输出

我试图创建自己的幻灯片,同时保留我单击的幻灯片的信息

因此,我试着这样做:

<ngb-carousel>
  <template ngbSlide id="mySlide" (click)="onSlideClicked()">
    <img src="../assets/slide.jpg">
    <div class="carousel-caption">
      <h3>MySlide</h3>
      <p>Just my slide.</p>
    </div>
  </template>
</ngb-carousel>

糠秕
只是我的幻灯片

它不起作用,坠毁了。所以我还有两个想法:将clickevent添加到ngb carousel本身(这不会给我有关id的信息),或者将clickevent添加到具有相同问题的图像


我将如何实现一个最佳实践onClick,它将为我提供单击对象的id?我应该将id双重绑定吗?

我自己找到了一个解决方案:

使用hashtag,我们可以立即将carousel对象传递到函数中

<ngb-carousel  #currSlide (click)="onSlideClicked(currSlide)">

返回activeId又名活动幻灯片

我也有同样的问题,但我需要知道单击的箭头是左箭头还是右箭头,有什么想法吗?
  onSlideClicked(value: any){
    console.log(value.activeId);
  }