問題タブ [angular-ui-router]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 同じURLを持つAngularJS UI-Routerの複数の状態
AngularJS と AngularUI ルーター ui-router を使用して複数ページのフォームを作成しました。各ステップには独自の URL があります (/step1 -> /step2 -> /step3)。ステップ 2 で、フォームはユーザーに 2 つのオプションからの選択肢を提供します。選択したオプションに応じて、ユーザーを 2 つの状態のいずれかに送信できるようにしたいのですが、2 つの状態のどちらが選択されていても、URL を /step3 に変更したいと考えています。
私はこれを機能させるために多くの努力を試みました.2つの代替状態をもう一方の子として(以下に示します)、親(ステップ-3-a)のみが表示されるようにし、抽象的な親ステップ(ステップ-3) URL と 2 つの子ステップ (step-3-a および step-3-b) を使用し、onEnter イベントとトランジションを使用してルーティングします。どちらもコンテンツを正しく表示できませんでした (後者はユーザーを /user/userId に追い出しました)。
この邸宅にルーティングできるはずですが、うまくいかないようです。ヘルプやアドバイスをいただければ幸いです。
ありがとう
angularjs - AngularJS と ui.route のシームレスなナビゲーション
問題が発生しています。Angular アプリを構築しています。Angular ui ルーターを使用しています。
DOM アニメーションを実行するまで、あるページから別のページへのナビゲーションを停止したい
onStateSuccess と onStateStart があることは知っていますが、アニメーションを実行するまでその状態への移行を停止する方法がわかりません。
ナビゲートできることはわかっています$state.go('localhost')が、イベントを停止して再開するためのより良い方法を探しています。
何か案は？
編集
変更の開始時にイベントを停止できることがわかりました。いくつかの関数を実行した後に再開する方法はありますか?
javascript - 状態マネージャー ビュー コントローラーで解決された依存関係を渡す方法は?
コントローラーの依存関係からの応答にアクセスしようとしています。【uiルーター】
私のmainCtrlは、他のAngularモジュールで定義されています。
問題: コントローラーで foo 関数の返されたオブジェクトにアクセスする方法は?
PS。コードはcoffeescriptで書かれています。
javascript - ui-router を使用して子または孫の状態をデフォルトのインデックス状態として設定するには?
ui-router で angular を使用しています。私がやりたいのは、ユーザーが次のようなリンクを参照するときです。
それらはすべてデフォルトでリンク/contacts/:idと同じコンテンツをデフォルトの :id とともに表示し、URL は変更されません ( /contacts/:idに変更されません)。
これについては ui-router wiki に FAQ がありますが、孫またはさらに深い子孫の状態で初期化する方法のデモはありません。
いくつかの異なる状態設定を試しましたが、役に立ちませんでした。私はそれを間違っていますか？サンプルページは次のとおりです。
javascript - データベースから html タグをディレクティブのテンプレートに挿入し、実際にテンプレートのルート要素/タグを動的に定義する方法は?
データベース (私の場合は Firebase/angularFire) からのデータを使用してテンプレートを動的に構築したいと考えています。テンプレートが構築される方法は、angularFire で取得された各オブジェクト内のタグ プロパティによって異なります。私の最初のアプローチ：
これはほとんど機能しますが、tag.tag は実際のタグの代わりに定義されていません。これは、これらの関数を使用するコンパイル関数が angularFire がデータをフェッチしてバインドする前に実行されるためです。これが私の2番目のアプローチです：
ただし、これは txtTemplate のリテラル文字列の一部のみを繰り返しレンダリングします。
実際のhtmlの代わりにng-repeatで繰り返されるすべての「タグ」要素に対して。
これは私のディレクティブのコンパイル機能です:
angular.ui.router の状態のコントローラーで Firebase からデータが取得されます。
テンプレート content.html は次のようになります。
- angularFire が提供する 3 方向バインディングが必要です。
- タグは firebase から取得する必要があり、代わりにリテラルを使用することはできません (最終バージョンでは、このタグは実際には何でもかまいません)。
コンパイル関数が比較/値の割り当てに使用する前に、「タグ」プロパティが設定されるようにするにはどうすればよいですか?
取得したデータをバインドするスコープがないため、コンパイル関数内で angularFire サービスを使用できません。
何らかの理由で angularFire はリンク関数内では機能しませんが、たとえ機能していたとしても、テンプレートを作成する必要があるため、あまり役に立たないと思います。
angularFire の代わりにコンパイル関数内で Firebase の js API を使用する必要がありますか?
もしそうなら、AngularFire が提供する 3 ウェイ バインディングを機能させるにはどうすればよいですか?
お時間をいただきありがとうござい
ます