問題タブ [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.
angularjs - AngularJS 状態の読み込み
を使用して JSON ファイルから状態を動的にロードしようとしていますui-router-extras
。JSON ファイルは次のようになります。
以下はルート構成ファイルです。
状態は正常に機能しますが、他の/login
状態は機能せず、「invocables must be object」というエラーが発生します。これは、JSON からの文字列として機能しているためhelper.basepath()
、関数が機能していないためだと思います。helper.resolveFor()
私は何をすべきか?
angularjs - ui-router-extras stateParams が空です
誰かがこれについて私を助けることができますか? パラメータについて質問があります:
1)解決関数にアクセスするapp.usermanagement.user({id:40})
と、空になります。私はいくつかのオプションを逃したと思います。router.config
$stateParams
私はその状態に行きますui-sref="app.usermanagement.user({id:40})"
以下のコードは次のとおりです。
angularjs - Angular + ui-router パラレル ステート アーキテクチャ
「カスタム ポータル」を設計していますが、アプリケーションを正しい方法で設計する方法に行き詰まっています。ポータルには、次の図のようなビューがあります。
- ユーザーが「現在の」ショッピング カートを選択できるショッピング カート ドロップダウン (空にすることができます)
- a. 「現在の」ショッピング カートの詳細ページにリダイレクトするボタン。
- アプリケーションメニュー。fe からカタログに移動できる場所
- 主なアプリケーション領域。
次のワークフローがあります。
- ユーザーはカタログ メニューに移動します。
url:ドメイン/カタログ; 状態:カタログ
ユーザーがカタログを選択し、カタログ内の製品を表示します
URL:ドメイン/カタログ/catalog1ID ; 状態: catalogs.detail。
ユーザーは製品タイルをクリックして製品詳細ビューに移動できます
URL:ドメイン/カタログ/catalog1ID/product1ID ;状態: catalogs.detail.product
自然に見え、今のところ特別なことは何もありません。ここでの主な問題は、このワークフローに「ショッピング カート」機能を統合する方法です。ユーザーがショッピング カートを選択すると、ビューのデータが異なる可能性があることを意味します (ショッピング カートはさまざまな顧客に関連しており、さまざまな顧客に対してさまざまなカタログ/価格/製品を表示できるため)。Fe Catalog1 の Product1 の価格は、ショッピング カート 1 とショッピング カート 2 およびショッピング カートが選択されていない場合に異なる場合があります。次の質問に対する答えを見つけようとしています。
- 選択したショッピング カート (状態/URL) をどこに保持しますか?
- ショッピング カートが変更された現在の状態を通知する方法は?
- F5/refresh を正しく機能させる方法 (現在の状態がcatalogs.detail.productで、ショッピング カートが選択されている場合)?
angularjs - $state を angular-ui-router で動作させることができません
を使用して簡単なルート リダイレクトを実行しようとしています$state
。私はそれを働かせることができません。これが私のコードです:
これにより、次のエラーが表示されます。
$rootScope.$on から $state を削除しようとしましたが、次のエラーが発生しました。
これを修正するにはどうすればよいですか?
angularjs - $state は、Angular アプリの特定の部分でのみ機能します
$state をアプリケーションの一部で動作させましたが、他の部分では動作しませんでした。このように最初に呼び出すと機能します。$state.go('main');
しかし、このように少し下に呼び出すと、$state.go('signIn');
そこで機能させることができません。このコードで実行したいのは、ユーザーが によって検証されていない場合、$auth.validator
「サインインする必要があります」というメッセージが表示されたサインイン ページにリダイレクトすることです。どうすればいいですか?これが私のコードです:
次のエラーが表示されます。
アップデート:
私は問題の半分を理解しました。$state を依存関係として含めることで機能するようになりました。
あとは、フラッシュ メッセージを機能させて、「サインインする必要があります」と言うだけです。