問題タブ [angularjs-ng-route]

問題定義

AngularJS の ngRoute モジュールを初めて使用していますが、問題が発生しています。ng-app を設定して routingModule を参照する index.cshtml ページがあります。「新しいアカウント」をクリックするとng-viewにregister.cshtmlがロードされるか、「サインイン」をクリックするとauthenticate.cshtmlがng-viewにロードされるように、ng-viewもあります。

インデックス ページのリンクをクリックすると、登録ページと認証ページが ng-view にロードされるのを確認できるため、ルーティングは期待どおりに機能しています。しかし、routingModule.js の登録ページと認証ページ用に設定したコントローラーが存在しないようです。

インデックス ページで [新しいアカウント] をクリックすると、このエラーが発生します。インデックス ページで [サインイン] をクリックすると、同じエラーが表示されます。

問題を解決するために必要な以下のすべての javascript ファイルと html ファイルを追加しました。どんな助けでも大歓迎です。

ウェブルートの構造

routingModule.js

index.cshtml

register.cshtml

認証.cshtml

registerModule.js

registerController.js

registerService.js

次の問題があります：

AngularJS アプリでは$routeProvider、さまざまな部分をアプリケーションにロードするために使用します

私の UserCtrl には、操作できるユーザーのリストが表示されます。次のようなjsonからユーザーのリストを読み取ります。

私はusers.htmlデータをロードするためにサービスを呼び出すコントローラーを持っています

そして最後にサービス:

私が抱えている問題は次のとおりです。ロードするたびusers.htmlに、データがjsonファイルからリロードされます。データを一度だけロードして、コントローラーに保持したい。ここで、データに変更を加え、別のビューに切り替えて戻ってくると、すべての変更が失われます。

どんな助けでも大歓迎です。

ありがとう、ズビネック

ウィザード フォームがあります。ユーザーが現在の URL をコピーして貼り付けるだけで、進行状況をリンクできるようにしたいと考えています。

だから私は私のコントローラがそのビューモデルのURLパラメータをマップしたい. モデル オブジェクトを URL との間で公開/インポートする簡単な方法はありますか? （ところで、ui-routerではなくngRouteを使用しています）。

例えば

次のようになります。

"?step=1&title=My%20Form&personal_interests0=スキー&peronal_interests1=サッカー .

サイドナビゲーションとng-routeを備えたindex.htmlを使用して、ng-viewを使用してコンテンツをロードするメインWebサイトがあります。それはうまくいきます。現在、別の ng-app に基づいてルーティングする必要があるまったく異なるレイアウトの event.html ページがあります。現在、私のURLは次のようになっています：

nameOfOrganization.com <-- これは index.html を使用しており、#/about などを実行し、そのコンテキストに基づいてページをロードできます。ただし、event.html に移動したい場合は、現在これを行う必要があります: nameOfOrganization.com/event.html#/

私の問題はここにあります。nameOfOrganization.com/event#/ のように、このまったく異なるページ レイアウトをロードし、そのページに関連する領域に移動したい場合は、nameOfOrganization.com/event#/about を実行できるようにしたいと考えています。しかし、現時点では、私のルーティングは次のようになります。

メインの event.html ページの href をクリックすると、#instructors が送信されます。しかし、それによって location.path が nameOfOrganization.com/#/instructors に変更されます。これは、このルーティング システムまたは index.html で使用されているシステムにはないため、nameOfOrganization.com に戻されてしまいます。

私が使用しているシステムでうまく機能し、あまり大きな混乱を必要としない方法はありますか? また、参考までに、私がこのようにしている理由は、学校のサーバー スペースを使用していて、バックエンド ルーティングを許可していないためです。 .

www.myurl.com/#/loginユーザーが移動して、指定されたビューに移動できるようにしたい。それらが特定のビューにある場合も同じですが、更新された場合は、同じビューに再度移動させたいと思います。ただし、現在、どの拡張子であっても、起動時に常にホームページに移動します. 私のコードにエラーがある可能性がありますか、それとも角度のあるルーティングはそのように動作しませんか?

私はangularJSが初めてです。

と を使用して小さな角度のアプリを作成しようとしていng-routeますng-view。ユーザーがログイン ボタンをクリックすると、URL が から に変更さlocalhost:8000れlocalhost:8000/loginます。

ユーザーがページをリロードすると、ページの読み込み時にビュー/loginが読み込まれます。

ここに私が持っている HTML ファイルと がng-appありng-controllerます。

ユーザーがログインボタンから開始しlocalhost:8000てクリックすると、すべてが正常に機能します。ただし、ログイン ボタンをクリックした後、ユーザーがページをリロードすると、loginControllerトリガーされません。ビューがレンダリングされていません。

ビューレンダリングのバックエンドおよび角度としてDjangoを使用しています。

どんな種類の助けもいただければ幸いです。ありがとうございます。

https://docs.angularjs.org/tutorial/step_07とhttps://docs.angularjs.org/tutorial/step_08の例をデモ用に使用しています。以下のルーティングがあります。

リンク/phones/abcdefgに移動すると、クエリに一致する json ファイルがなく、空のテンプレートが表示されます。この場合、「404 not found」ページにリダイレクトされます。実際の例では、一致する phoneId がない "/phones/:phoneId" をリンクすると、次のような json が返されます。

ajaxデータに基づいてページにリダイレクトする従来の方法またはng-routeの最良の方法は何ですか?

というエラーが表示されます。

次の構成とコントローラーを使用する場合。特定のルートで http リクエストを解決しようとしています。

なぜ私はこれを得ているのですか？

2 つの異なるテンプレートを使用しようとしています。1 つはログアウトしたユーザーがビジネスについて説明するランディング ページで、もう 1 つはユーザーがログインしている場合のダッシュボード ページです。

UIルーターでこれを行う方法について、この他のスタックを読みました。ngRoute を使用してこのようなことを行うためのベスト プラクティスを知りたいですか?

以下の設定方法は、「/frontdesk」がダッシュボードで、「/」がログアウトしたユーザーのランディング ページです。しかし！ユーザーがダッシュボードを使用している場合でも、ログアウトしてランディング ページに送信された場合でも、URL を同じにしたい! 「/frontdesk」は不要です。IndexController と FrontdeskController には「/」が必要です。

これが私のルーティングJSです。

解決！

皆様、ご回答ありがとうございます。

より良い解決策を提供してくれた@ThibaudLに感謝します。

これは私がそれをやった方法です：

Routes.js 内

Main.html

MainController.js

したがって、ユーザーが認証されている場合は、テンプレートをユーザー ダッシュボードに切り替えるだけです。各テンプレートに個別のコントローラーがあるように、各テンプレートに ng-controller を使用して新しい div を追加しました。

a、b、c、dなどの4つのページにAngularJSルーティングを使用していますが、そのページにはe、f、g、hなどのリンクがたくさんあります

私が望むのは、ページのルーティング条件を記述した場合、ルーティングを行う必要がありますが、e または f のような他のリンクがある場合は、それを特定のリンクにリダイレクトする必要があるwindow.top.location = eということです。

現在の問題は、現在のコードにあり、ユーザーがクリックした URL を取得していないことです。2 番目の問題は、window.top.location適切に更新され、空白のページが表示されないようにリダイレクトすることです。