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

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.

0 投票する
1 に答える
460 参照

angularjs - AngularJS 状態の読み込み

を使用して JSON ファイルから状態を動的にロードしようとしていますui-router-extras。JSON ファイルは次のようになります。

以下はルート構成ファイルです。

状態は正常に機能しますが、他の/login状態は機能せず、「invocables must be object」というエラーが発生します。これは、JSON からの文字列として機能しているためhelper.basepath()、関数が機能していないためだと思います。helper.resolveFor()

私は何をすべきか?

0 投票する
1 に答える
104 参照

angularjs - ui-router-extras stateParams が空です

誰かがこれについて私を助けることができますか? パラメータについて質問があります:

1)解決関数にアクセスするapp.usermanagement.user({id:40})と、空になります。私はいくつかのオプションを逃したと思います。router.config$stateParams

私はその状態に行きますui-sref="app.usermanagement.user({id:40})"

以下のコードは次のとおりです。

0 投票する
1 に答える
163 参照

angularjs - Angular + ui-router パラレル ステート アーキテクチャ

「カスタム ポータル」を設計していますが、アプリケーションを正しい方法で設計する方法に行き詰まっています。ポータルには、次の図のようなビューがあります。

  1. ユーザーが「現在の」ショッピング カートを選択できるショッピング カート ドロップダウン (空にすることができます)
    • a. 「現在の」ショッピング カートの詳細ページにリダイレクトするボタン。
  2. アプリケーションメニュー。fe からカタログに移動できる場所
  3. 主なアプリケーション領域。 ここに画像の説明を入力

次のワークフローがあります。

  • ユーザーはカタログ メニューに移動します。

    url:ドメイン/カタログ; 状態:カタログ

  • ユーザーがカタログを選択し、カタログ内の製品を表示します

    URL:ドメイン/カタログ/catalog1ID ; 状態: catalogs.detail

  • ユーザーは製品タイルをクリックして製品詳細ビューに移動できます

    URL:ドメイン/カタログ/catalog1ID/product1ID ;状態: catalogs.detail.product

自然に見え、今のところ特別なことは何もありません。ここでの主な問題は、このワークフローに「ショッピング カート」機能を統合する方法です。ユーザーがショッピング カートを選択すると、ビューのデータが異なる可能性があることを意味します (ショッピング カートはさまざまな顧客に関連しており、さまざまな顧客に対してさまざまなカタログ/価格/製品を表示できるため)。Fe Catalog1 の Product1 の価格は、ショッピング カート 1 とショッピング カート 2 およびショッピング カートが選択されていない場合に異なる場合があります。次の質問に対する答えを見つけようとしています。

  • 選択したショッピング カート (状態/URL) をどこに保持しますか?
  • ショッピング カートが変更された現在の状態を通知する方法は?
  • F5/refresh を正しく機能させる方法 (現在の状態がcatalogs.detail.productで、ショッピング カートが選択されている場合)?
0 投票する
2 に答える
536 参照

angularjs - $state を angular-ui-router で動作させることができません

を使用して簡単なルート リダイレクトを実行しようとしています$state。私はそれを働かせることができません。これが私のコードです:

これにより、次のエラーが表示されます。

$rootScope.$on から $state を削除しようとしましたが、次のエラーが発生しました。

これを修正するにはどうすればよいですか?

0 投票する
0 に答える
140 参照

angularjs - $state は、Angular アプリの特定の部分でのみ機能します

$state をアプリケーションの一部で動作させましたが、他の部分では動作しませんでした。このように最初に呼び出すと機能します。$state.go('main');しかし、このように少し下に呼び出すと、$state.go('signIn');そこで機能させることができません。このコードで実行したいのは、ユーザーが によって検証されていない場合、$auth.validator「サインインする必要があります」というメッセージが表示されたサインイン ページにリダイレクトすることです。どうすればいいですか?これが私のコードです:

次のエラーが表示されます。

アップデート:

私は問題の半分を理解しました。$state を依存関係として含めることで機能するようになりました。

あとは、フラッシュ メッセージを機能させて、「サインインする必要があります」と言うだけです。