1

我正在使用 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 吗？

4

1 回答 1

2

自己找到了解决方案：

使用主题标签，我们可以立即将轮播对象传递给函数

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

carousel.ts中的方法：

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

返回 activeId 又名活动幻灯片

于 2016-10-01T19:58:24.327 回答