問題タブ [angularjs-ng-route]
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 の 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 - angularでのルーティング中にコントローラーにデータを保持する
次の問題があります:
AngularJS アプリでは$routeProvider
、さまざまな部分をアプリケーションにロードするために使用します
私の UserCtrl には、操作できるユーザーのリストが表示されます。次のようなjsonからユーザーのリストを読み取ります。
私はusers.html
データをロードするためにサービスを呼び出すコントローラーを持っています
そして最後にサービス:
私が抱えている問題は次のとおりです。ロードするたびusers.html
に、データがjsonファイルからリロードされます。データを一度だけロードして、コントローラーに保持したい。ここで、データに変更を加え、別のビューに切り替えて戻ってくると、すべての変更が失われます。
どんな助けでも大歓迎です。
ありがとう、ズビネック
angularjs - 状態/モデルをAngularのURLパラメータとして公開する最良の方法は?
ウィザード フォームがあります。ユーザーが現在の URL をコピーして貼り付けるだけで、進行状況をリンクできるようにしたいと考えています。
だから私は私のコントローラがそのビューモデルのURLパラメータをマップしたい. モデル オブジェクトを URL との間で公開/インポートする簡単な方法はありますか? (ところで、ui-routerではなくngRouteを使用しています)。
例えば
次のようになります。
"?step=1&title=My%20Form&personal_interests0=スキー&peronal_interests1=サッカー .
javascript - 同じドメイン内での ng-route ルーティングの分離
サイドナビゲーションと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 に戻されてしまいます。
私が使用しているシステムでうまく機能し、あまり大きな混乱を必要としない方法はありますか? また、参考までに、私がこのようにしている理由は、学校のサーバー スペースを使用していて、バックエンド ルーティングを許可していないためです。 .
angularjs - angularでURLに基づいてビューをロードすることは可能ですか?
www.myurl.com/#/login
ユーザーが移動して、指定されたビューに移動できるようにしたい。それらが特定のビューにある場合も同じですが、更新された場合は、同じビューに再度移動させたいと思います。ただし、現在、どの拡張子であっても、起動時に常にホームページに移動します. 私のコードにエラーがある可能性がありますか、それとも角度のあるルーティングはそのように動作しませんか?
javascript - Angular JS ngView と ngRoute が機能しない
私はangularJSが初めてです。
と を使用して小さな角度のアプリを作成しようとしていng-route
ますng-view
。ユーザーがログイン ボタンをクリックすると、URL が から に変更さlocalhost:8000
れlocalhost:8000/login
ます。
ユーザーがページをリロードすると、ページの読み込み時にビュー/login
が読み込まれます。
ここに私が持っている HTML ファイルと がng-app
ありng-controller
ます。
ユーザーがログインボタンから開始しlocalhost:8000
てクリックすると、すべてが正常に機能します。ただし、ログイン ボタンをクリックした後、ユーザーがページをリロードすると、loginController
トリガーされません。ビューがレンダリングされていません。
ビューレンダリングのバックエンドおよび角度としてDjangoを使用しています。
どんな種類の助けもいただければ幸いです。ありがとうございます。
angularjs - Angularjs ngRouteは、ajaxデータに基づいて「見つかりません」ページにリダイレクトします
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の最良の方法は何ですか?
angularjs - ngRoute はインジェクターの問題を解決します
というエラーが表示されます。
次の構成とコントローラーを使用する場合。特定のルートで http リクエストを解決しようとしています。
なぜ私はこれを得ているのですか?
angularjs - Angular - 同じ Url "/" ですが、ユーザーのログイン状態に基づいて異なるテンプレートを使用します
2 つの異なるテンプレートを使用しようとしています。1 つはログアウトしたユーザーがビジネスについて説明するランディング ページで、もう 1 つはユーザーがログインしている場合のダッシュボード ページです。
UIルーターでこれを行う方法について、この他のスタックを読みました。ngRoute を使用してこのようなことを行うためのベスト プラクティスを知りたいですか?
以下の設定方法は、「/frontdesk」がダッシュボードで、「/」がログアウトしたユーザーのランディング ページです。しかし!ユーザーがダッシュボードを使用している場合でも、ログアウトしてランディング ページに送信された場合でも、URL を同じにしたい! 「/frontdesk」は不要です。IndexController と FrontdeskController には「/」が必要です。
これが私のルーティングJSです。
解決!
皆様、ご回答ありがとうございます。
より良い解決策を提供してくれた@ThibaudLに感謝します。
これは私がそれをやった方法です:
Routes.js 内
Main.html
MainController.js
したがって、ユーザーが認証されている場合は、テンプレートをユーザー ダッシュボードに切り替えるだけです。各テンプレートに個別のコントローラーがあるように、各テンプレートに ng-controller を使用して新しい div を追加しました。
javascript - AngularJS でルーティングが利用できない場合は URL にリダイレクトします
a、b、c、dなどの4つのページにAngularJSルーティングを使用していますが、そのページにはe、f、g、hなどのリンクがたくさんあります
私が望むのは、ページのルーティング条件を記述した場合、ルーティングを行う必要がありますが、e または f のような他のリンクがある場合は、それを特定のリンクにリダイレクトする必要があるwindow.top.location = e
ということです。
現在の問題は、現在のコードにあり、ユーザーがクリックした URL を取得していないことです。2 番目の問題は、window.top.location
適切に更新され、空白のページが表示されないようにリダイレクトすることです。