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

次の設定を使用する UI-Router(-extras) を使用して AngularJs アプリケーションを開発しています。

ルート状態は、URL の言語を定義します。さらに、独自の URL (つまりroot.main.home=> /en/home) を持ついくつかのモーダル状態とメイン状態があります。

ここで、URL のないいくつかのモーダル状態が必要です。州に親の URL を無視させるにはどうすればよいですか?

各タブが ui-router-tabs と ui-router-extras を使用して複数の子状態を持つことができるスティッキー タブの実装に問題があります。

1. 状態を開き、別の状態に移動してから最初の状態に戻ると、対応するコントローラーが再初期化されます (ただし、ui-router-extras デバッグ出力では、状態が再アクティブ化されたと表示されます)。

2. 同じタブ (兄弟状態) の別の状態を開くと、デバッグ出力、url、および html テンプレートの要求は、新しい状態が読み込まれていることを示していますが、タブには空のコンテンツと API 呼び出しが表示されています状態は実行されません

これは私の状態/ルート構成です:

「ホーム」状態には、すべてのタブの UI ビューとナビゲーション バーが含まれています。各抽象状態は 1 つのタブを表し、そのすべての子状態の名前付きビューが含まれています。状態の第 3 レベル (home.feed.list など) は、実際のコンテンツを表しています。

ビューは同じコントローラーを使用していますが、ビューごとに別のコントローラーを追加しようとしました。さらに、ui-router-tabs を削除しようとして、状態を URL で呼び出しましたが、同じ結果でした。

デバッグ出力の例: home.feed.list -> home.create.form -> home.feed.list (写真を投稿するのに十分な評判がありません)

3 つの異なるコントローラーを使用しているときに同じ出力が生成されます (「I am initializing ..」がすべてのコントローラーで実行されます)。

アプリのangularで「angular-ui-load」を使用したいと思います。問題、私のスクリプト js は未定義
です dev コンソールの firefox のエラー:

さて、 index.html で宣言された angular-ui-load

そして「ui.load」私のapp.jsは次のとおりです。

何か助けていただければ幸いです:-)？

任意の状態からnav.profiles.modalモーダルにアクセスしたいと思います。現在、私は次の構造を持っています：

• ナビ
• nav.アクティビティ
• nav.profiles
• nav.profiles.modal

nav.profiles から動作しており、別の ui ビューで開かれています。しかし、このモーダルを任意の状態からオーバーレイとして開くにはどうすればよいですか?

これを ui-router-extras で解決できますか?

ありがとう。

編集：解決しました！ これを必要とするすべての人:

http://jsfiddle.net/dwmkerr/8MVLJ/

アプリケーションに複数のステップ フォームがあり、次のステップに進む前にフォームを保存したいと思います...簡単な例を作成しましたが、それが正しいアプローチかどうかはわかりません。解決構成とサービスを使用して、formData にアクセスしました。

設定

コントローラ

サービス

codepen の例: http://codepen.io/anon/pen/RWpZGj

AngularJS の ui-router で解決できない問題に遭遇しました。同じページに独立したビューが含まれますが、1 つのビューが条件付きで他のビューに影響を与える可能性があります。私のコードを例にとってください：

メイン テンプレート (test2.html)

test3.html

test3.js

私が達成しようとしているしたい:

<div ui-view="chatview"></div>「公開チャット」は、の状態に全く依存せずに を公開チャットにすることを想定したボタンです<div ui-view></div>。たとえば、[フレンド] タブで [パブリック] ボタンをクリックした<div ui-view="chatview"></div>場合、パブリック チャット テンプレートをロードしている間、フレンドの状態は維持されます。友達ボタンは「プライベート チャット」を読み込みますが、検索タブをクリックした場合、プライベート チャットを離れたくありません。はい、その状態で名前付きビューを友達と同じテンプレートに変更できましたが、公開ボタンから検索ボタンに移動した場合と同じ問題に戻ります。

私が意味を成していることを願っています。ここに私が必要とするものがあります。

必要なアクション: [フレンド] タブでユーザーが公開ボタンをクリックすると、 [フレンド] タブが の現在の状態のままである<div ui-view="chatview"></div>間、パブリック チャットが読み込まれる必要があります<div ui-view></div>。

と

検索タブでユーザーが公開ボタンをクリックすると、検索が現在の状態のままである間<div ui-view="chatview"></div>、公開チャットが入力される必要があります<div ui-view></div>

と

ユーザーが公開ボタンをクリックすると (公開チャットに移動します)、公開チャットの状態がオンのままである間に検索タブをクリックします<div ui-view="chatview"></div>。

と

ユーザーは現在プライベート チャットを使用しており、検索テンプレートを入力している間、検索タブをクリックし<div ui-view="chatview"></div>てもプライベート チャットのままにする必要が あります。<div ui-view></div>

タブを追加すると条件が増えますが、ui-routers エクストラが必要なのは確かですが、ドキュメントを理解できません。良い例は、チャット アプリケーションのメッセンジャーです。ビューを分離する必要があることを考慮せずに、1つのURLが指定されたテンプレートをロードするため、問題はURLにあります。コード例は本当に感謝しています!

特定のルート /case/subpage を持つモーダルがありますが、親テンプレートを最後の状態テンプレートと一致させて、現在のページの単なるオーバーレイのように見せたいです。例: ユーザーが Contact Us からクリックした場合、親テンプレートは contact us で、状態は /case/subpage です

これが私がいる場所です。ハードコードしてこれを機能させることができますが、templateProvider で以前の状態を取得する方法が必要でしたが、fromState は $rootScope でのみ機能します