Angular 实现旋转木马组件的单击
我正在使用ng引导引导组件 我对Angular2还是个新手,在掌握一些概念方面有困难 转盘组件不包括onClick事件输出 我试图创建自己的幻灯片,同时保留我单击的幻灯片的信息 因此,我试着这样做: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="
<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);
}