Question

我正在使用ng-bootstrap引导程序组件。

我仍然是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>

哪个不起作用并且崩溃了。所以我还有两个想法：向ngb-carousel本身添加一个clickevent（这不会给我关于id的信息）或者在图像中添加一个具有相同问题的clickevent。

我如何实现onClick的最佳实践，它会给我点击对象的id？我应该将id加倍绑定吗？

Answer 1

自己找到解决方案：

使用hashtag，我们可以将carousel对象直接传递给函数

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

carousel.ts中的方法：

  onSlideClicked(value: any){
    console.log(value.activeId);
  }

返回activeId又名活动幻灯片

实现onSlideClick for carousel组件

1 个答案: