問題タブ [angularjs-routing]

テンプレートとng-viewを示さずに、ビューとコントローラーをバインドするためだけにangularのルーティング機能を使用したい。

これは私がこれまで持っているもので、うまく機能しています。

JavaScript

HTML

これは私が欲しいものであり、機能していません

JavaScript

HTML

これどうやってするの？

今後のプロジェクトでAngularJSを使用することを検討していますが、特に1ページしかないアプリの場合、ビュー/ルーティングについて頭を悩ませています。

ページはフォームまたはウィザードで構成されていますが、最初のページの読み込み時にすべてのデータを読み込む (そしてローカル ストレージに保存する) 必要があります。これはフォーム要素にも適用されます。たとえば、HTML テンプレートの場合など、サーバーに対して追加のリクエストを行うことはできません (フォームの最後の送信アクションを除く)。アプリケーションはオフラインで使用されるため、1 つのページで必要なすべての情報をキャッシュし、リロードせずに UI 遷移を処理する必要があります。

AngularJS はそのようなアプリケーションに適していますか? その場合、追加のリクエストなしでビューを変更するために必要なルーティングをどのように達成できますか? ng-view と routeProvider は単一の HTML ページ内で div を使用できますか これは ui-routes の場合ですか?

アプリのさまざまな部分にアクセスできるユーザーがいます。私が今やっていることは、すべての $routeProvider.when に解決を追加することです

そして、すべてのコントローラーで、次のようにhasSiteAccess" " と " "を追加しています。hasEmailAccess

私のアプリは多くのモジュールに分割されており、わかりやすいメッセージを表示するためにこれらをすべて利用できるようにしたいと考えています。

この解決オブジェクトをすべてのルートとコントローラーで利用できるようにすることは可能ですか?

ありがとう！

URLに動的な値のパラメータがあり、それを取得してオンロード時にコントローラーで使用したいのですが、対処方法がわかりません$route.current.params

このルートプロバイダーがあるとしましょう

次に、私のコントローラーで

ユーザー アクセスの場合foo/abcdefg、コンソールに abcdefg が表示されるはずですが、エラーが発生しました。「未定義のプロパティ「params」を読み取れません」

いくつかのルートが指定されています。

につながる別のルートにリンクがある場合は、/test/x正常に動作します。HTML5 モードでない場合も問題なく動作します。ただし、HTML5 モードで直接移動すると/test/x、ルートは読み込まれず、解決されたものは実行されません。

私は AngularJS のドキュメントの多くを調べましたが、まだこれを理解できません。お願いします:(

編集：さらにテストを行いましたが、これはスラッシュが含まれるルートのみです。:idパラメータ（ など）が含まれているかどうかは問題ではないようです。(そのルート/helloが定義されている場合) への移動は、HTML5 モードと非 HTML5 モードの両方のすべてのケースで機能します。/hello/world常に非 HTML5 モードで機能し、リンクをクリックしてルートが別のルートから変更されたときに HTML5 モードで機能するようなものに移動します。on のときに更新する/hello/worldと、アドレス バーに移動して Enter キーを押すか、別の Web サイトからそのアドレスへのリンクをクリックすると、インデックス ページが再読み込みされますが、実際のルートは再読み込みされません。

オプションのパラメーターを使用してルートを設定できますか (テンプレートとコントローラーは同じですが、存在しないパラメーターは無視する必要がありますか?

では、次の 2 つのルールを記述する代わりに、1 つだけにするのですか?

このようなもの（[このパラメータはオプションです]）

彼らのドキュメントには何も見つかりませんでした。

AngularJS アプリで適切な 404 を提供する最良の方法は何ですか?

少し背景: 私は Angular アプリを構築しており、使用することを選択しました

URL を自然に表示したい (そして複数ページの「従来の」Web アプリと見分けがつかないようにする) ためです。

サーバー側 (シンプルな Python Flask アプリ) には、すべてを angular アプリにリダイレクトするキャッチオール ハンドラーがあります。

現在、404 エラーをどうするかを考えています。私が見た Angular アプリのほとんどは、次のことを行います。

これは、適切な 404 を提供する方法がないことを意味します。

ただし、404 ステータス コードを含む適切な 404 を返したいと思います (主に SEO の目的で)。

Angular で 404 を処理する最良の方法は何ですか? 私はそれについて心配せず、キャッチオールに固執する必要がありますか? または、キャッチオールを削除して、サーバー側で適切な 404 を提供する必要がありますか?

明確にするために編集された

私はの初心者angularJSです。CRUD操作の学習を始めました。deleteエントリのときにページが表示されるという問題が発生していますreload

私も経験しまし$locationた$route。そして次のように実装します：

config

そして、アクションが成功したとき、私は次のように書いています:

しかし、これを行うと、urlからに変更さhttp://localhost/someappれhttp://thisますが、ページは更新されません。この場合、どうすればいいですか？助けてください。

Edit:

これが私のものdeletion codeです：

初期化時に、phpファイルからデータを取得しています:

すべてのデータが格納され、次の$scope.samples2 つのものが返さuser_idれます。name

そのため、ページのアドレスを直接ヒットしたときのAngularのルーティング/アドレス書き換え動作ロジックを理解しようとしています。つまり、「/」だけのindex.htmlインストレッドに移動します。

（なぜ私がそうしているのか疑問に思うかもしれません。それは、完全なアドレスでページに直接アクセスすることが避けられず、ルーティングが奇妙になるという異常な状況でAngularjsを使用しようとしているからです。）

洞察はありますか？

私は奇妙な行動を解決しようとしてきました。ui-router テンプレートの 1 つで ui-bootstrap の tabset ディレクティブを使用すると、その特定の状態から移動できなくなります。私が得るエラーは次のとおりです。

最初は正常に動作しますが、タブセットのあるページが読み込まれると、上記のルーティングの異常な動作が開始されます

これが私のフィドルです........

フィドルデモで2つのリンクを見つけることができます

1 -> Tab Absent [タブのない単純なページ] 2 -> Tab Present [ui-bootstrap タブのあるページ]

最初に Tab Absent Page を選択した場合は正常に動作しますが、Tab Present Page にアクセスすると、Tab Absent ページをクリックするたびにルーティングが行われません [つまり、タブが消えません]。

そして、最初に Tab Present Page にアクセスしてから Tab Absent page を選択すると、コンソールにエラーが表示されます