問題タブ [angular-ui-router-extras]

UI-Router エクストラの Sticky States を使用して、タブ付きアプリケーションを構築しようとしています。

私のタブのコンテンツには、サービスに自分自身を「登録」するディレクティブが含まれています。サービスがこれらすべてのディレクティブを認識できるように、初期化時に完全な登録を行いたいと思います。これは、ユーザーがアプリケーションの使用を開始する前にすべてのタブを手動でクリックしたかのように、状態を表示せずにバックグラウンドでレンダリングすることを意味します。

これを行う方法はありますか？ありがとうございました。

動的で状態を保持する状態を実装したいと思います。christopherthielenによる angular UI ルーター エクストラを調べましたが、非常に有望です。基本的にフューチャーステートを実装してスティッキーにすることはできますか?

状態のクエリ パラメータを格納するための最良の方法は何ですか。たとえば、次issuesのような URL の状態があります。issues/search?keyword=query&date=4/12/15

ユーザーがこの状態から移動してからこの状態に戻った場合、そのクエリ文字列を復元する方法はありますか?

アイデアは、ユーザーが検索結果に戻ることを可能にすることです。

これについての良い方法は何ですか？

私は、、宝石とを使用してRails 4.2.1います。Bowerangular-rails-templatesui-router-extras

bower をインストールしてwith:ファイルにui-router-extras含めた後、次のエラーが発生します。application.jsrequire ct-ui-router-extras

いくつか遊んだ後、インクルードを次のように変更するとrequire ui-router-extras、次のエラーが発生することがわかりました。

の bower.json ファイルが にui-router-extrasマップされるため、これは正しくエイリアスされるはずですct-ui-router-extrasが、掘り下げた後、このエイリアスの問題がsprockets.

これをさらに複雑にangular-rails-templatesしているのは、 の最新バージョンと互換性がないことですsprockets。ただし、angular-rails-templatesは と互換性がsprockets 2.12.3あり、上記の問題によるとsprockets、エイリアシング バグの修正が含まれているはずです。

まだ問題があることを考えると、スプロケットの問題に対して実装された修正は完全な修正ではないと思われます。

そうは言っても、エイリアシングの問題は実際には で修正されている可能性がありますが、 ではこの問題のためにsprockets >= 3.0使用できません。sprockets > 3.0angular-rails-templates

私は Bower と Angular の両方が初めてです。ct-ui-router-extras上記に対する私の一時的な解決策は、 &のすべてのインスタンスct.ui.router.extras(ファイル名を含む) の名前をそれぞれui-router-extras&に変更することでしui.router.extrasた。

これは機能していますが、明らかに理想的ではありません。誰かがより良い解決策を持っているなら、私はそれを歓迎します。

また、バグを報告する必要があるかどうかもわかりませんでしsprocketsたui-router-extras(このバグは既に存在しますangular-rails-tempaltes)

angular-ui-router-extras モジュール、より具体的には $previousState サービスを使用していますが、以前の状態に戻すことができず、常にnull.

これはすべて私のコードです（モジュールは適切に挿入されています）

$previousState オブジェクトを調べたところ、適切なメソッドがあるようで、使用しようとしたときに発生するエラーは$previousState.go()、状態に移動できないため理にかなっていnullます。

それが機能するために何が欠けていますか?

次のようなことを行って、テンプレート angularjs にリンクを作成しようとしています。

しかし、symfony2 のようなことを行うことが可能かどうか疑問に思っています。例:

ルーティング.yml

そして、それを小枝テンプレートで使用するには、次のようにします。

すべてのルートを「ハードコード」する必要がないので、これは本当に助かります。

非同期の ajax チェックと呼び出しがある場合に、 Angular UI Router Extrasの追加が 2 回 (init で!) イベントをトリガーする理由を説明してもらえますか?$stateChangeStarte.preventDefault()

短いイベント コードの例:

完全な FIDDLE の例

エクストラを追加しなくても、すべてが期待どおりに機能しています。

TNX

この投稿を正しく理解していれば、ロードされた最初の状態が名前付きの ui-view を絶対参照する状態である場合、ui-router-extras の deepstate-redirects を使用して、デフォルトの ui-view にデフォルトのテンプレートをロードできるはずです。 .

次の例を検討してください。

(plunkr: http://plnkr.co/edit/fuFUFaqUGRjCKfajaWw2?p=preview )

上記はうまくいくはずで、何かが足りないのでしょうか、それともここでいくつかの誤解をしましたか?

私の推論* :

*以前の投稿から私が理解したことに部分的に基づいています

状態が読み込まれるdialogと、その親状態 ( global) も読み込まれます。には、によって使用されていない ui-view を満たすglobal状態 ( ) への deepstate-redirect があります。そのため、そのテンプレートはデフォルトの ui-view でレンダリングされます。childdialogchild

私は Angular モバイル SPA アプリを作成していますが、要件の一部に大量のリスト >> 詳細ページがあります。フィルター処理してリストに入力した後、アイテムをクリックして詳細ページに移動できます (許可されている場合は crud オプションがあり、モーダルのみを使用することはできません)。関連するデータやものをサービスに保存していますが、これはスクロール位置を維持するのに役立たず、ui-router-extras のスティッキー状態が理想的なようです。関連する場合に備えて、requirejsも使用しています。また、関連する場合は kendo.dataSource にバインドされた Kendo ListView を使用しています。

私はそれを実装しましたが、正しく実行したかどうかはわかりません。下にスクロールしてリスト項目をクリックすると、詳細が表示されます。戻るボタン ( を使用するディレクティブ、使用し$window.history.back();てみ$state.goましたが同じことをしました) をクリックすると、戻って「キャッシュされた」バージョンが使用されますが、リストの一番上に表示されます。下にスクロールして別のアイテムをクリックしてから戻ると、期待どおりにスクロール位置が維持されます。

オンにする$stickyStateProvider.enableDebug(true);と、出力は最初の呼び出しから後続の呼び出しまで同じに見えます。

ここに私の状態の設定があります:

抽象的な親ビューである areainquiry.html は次のとおりです。

この画面を開くコードは次のとおりです。index.html に名前付きビューがなく、areainquiry.html までのすべてのビューがルートの名前のないビューを使用しています (「body」という名前を付けて、それを使用するようにすべて変更しましたが、うまくいきました同じ）：

抽象状態を使わずに、親 areainquiry と子 areainquiry.detail だけでそれを行う方法を見つけようとしていましたが、そのように機能させることができなかったので、このルートに行きました。