0

分離された UI アーキテクチャを目指しています。カルーセルとページネーションのコンポーネントを互いに分離したい。ただし、「uiCarouselMoved」イベントで変更をリッスンできるページネーションを使用します。

例： http: //jsbin.com/uQadehI/1/edit?html ,js,output

カルーセルとページネーションの 2 つのインスタンスがそれぞれある場合に問題が発生します。DOM ツリー構造などの無関係なロジックに依存せず、できればハードコードされた ID を使用せずに、カルーセル コンポーネントとページネーション コンポーネント間の「ブリッジ」を処理するための Twitter Flight 内の最適なデザイン パターンを認識したいと思います。

では、ソース カルーセルに基づいて、どのページネーションを更新するかを知ることは可能ですか?

4

2 に答える 2

1

個々のコンポーネントではなく、それぞれ mixins 、 with_carousel 、 with_pagination の両方で、ページネーションとカルーセルを作成します。これにより、同じコンポーネント内で両方を使用し、そのコンポーネントを新しい外部レベルの dom ノードにアタッチできます。これにより、リスナーをドキュメントにアタッチする代わりに、uiCarouselMoved イベントをローカルでリッスンできます。

例はこちら: http://jsbin.com/iZeLABAW/1/edit

于 2013-11-23T05:31:42.100 に答える