Emberjs子コンポーネントへのスクロール

Question

Data Down, Actions Upでは、子コンポーネントにスクロールする最良の方法は何ですか。

私はページ

{{#each pages as |page|}} 
{{single-page model=page}} 
{{/each}} 

のコレクションを持っていると私は、特定のページ番号をscrollToたいです。

Answer 1

これはおそらくあなたが今持っているものを包む親コンポーネントであり、このように見えます。

{{scrollable-pages pages=pages activePage=page)}} 

ここではtwiddleが該当するページまでスクロールします。

スクロールイベントを処理するかどうかわかりません。その場合、回転と関連するコンポーネントを拡張する必要があります。

{{scrollable-pages pages=pages activePage=page onScroll=(action "changeActive")}} 

これで、その操作を処理してアクティブなページを変更できるようになりました。

このケースでは、状態を管理し、ページを含むサービスを注入し、そこでスクロールの変更を処理するために、別の親コンポーネントを検討することさえあります。