2017-01-04 8 views
0

ビルドしているウェブサイトのアイデアがあります。トップにあるナビゲーションバーを使ってスライドショーにしたいと思っています。クリックすると、スライドショーがそのスライドまたはカテゴリに移動します。私はそれぞれのスライドを独自のhtmlページにしたいと思っていましたが、今はこれらのHTMLページを実際にスライドショーに入れるのは苦労しています。AngularJSスライドショー内のHTMLページのルーティング?

私はAngularJSルーティングが行く方法かもしれないと考えていたのですか?しかし、私はそれを実際のスライドショー/カルーセルにして、ユーザーがナビゲーションバーに頼るのではなく飛ばして欲しいと思っています。

私の主な質問は、AngularJSルーティングがこれを達成する最良の方法でしょうか?もしそうなら、どのように滑らかなカルーセルでルーティングを使うのでしょうか?さもなければ、これを達成する方法に関する人々の考えは何でしょうか?

ありがとうございます。

答えて

0

ルーティング機能を使用してディープリンク機能を作成するだけで、ユーザーはアドレスバーに基づいて特定のスライドに移動することができます。逆にカルーセルがスライドするとアドレスハッシュが変化します。 ハッシュを超えてルーティングする限り、ページの変更をトリガーしたくないので、カルーセルを強制的にリロードする可能性があります。

別の注意:Angular-JSルーティングは、UI-Routerなどのネストされたビューをサポートしていません。あなたの 'カルーセルスライド'にネストされたビューを使用したい場合があります。

+0

ありがとうございます。私はあなたが手動でアドレスバーにナビゲーションを残して、ユーザが手動でスライドさせないように提案していますか? –

+0

これが可能であれば、ui-routerを使用すると、それぞれの異なるスライドにビューとしてアクセスし、アドレスバーのルーティングイベントを使用してビューを切り替えることができます。 – Commodore64

関連する問題