2016-10-01 6 views
0

ng-bootstrapブートストラップコンポーネントを使用しています。カルーセルコンポーネントのonSlideClickの実装

私はまだ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> 

仕事と墜落しませんでした。だから2つのアイデアがありました:ngb-carousel自体にclickeventを追加する(これは私にidに関する情報を与えません)、同じ問題の画像にclickeventを追加することです。

クリックしたオブジェクトのIDを取得するベストプラクティスonClickを実装するにはどうすればよいですか?代わりに二重IDを代わりにバインドする必要がありますか?

我々はimmidiately機能

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

にcarousel.tsのメソッドカルーセルオブジェクトを渡すことができハッシュタグの使用::

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

戻っソリューションを自分自身を発見

答えて

1

activeIdアクティブスライド