問題タブ [angularjs-routing]

angularJS アプリで、アップロードされたファイルへの簡単なリンクを作成しようとしています。これはかなり些細なことなので、リンクを作成するのに問題はありません。ただし、私が抱えている問題は、私が持っているルーティング システムがリンクをインターセプトし、Angular 内でロードしようとすることです。これはもちろん失敗し、デフォルト ルートに戻るだけです。もちろん、これは私が望んでいる動作ではありません。私のリンクは次を使用して作成されます

私も試してみました

しかし、明らかにそれは結果のリンクを変更しません。結果のHTMLは

どちらが正しい。ただし、リンクをクリックした瞬間に、デフォルト ルートに戻されます。このリンクを処理しようとする ui-router を停止するにはどうすればよいですか?

問題

ページの現在の URL に基づいて、json データをフィルタリングし、その一部のみを Angular ページに表示しようとしています。

詳細に

100 個の JSON オブジェクトのリストがあり、それぞれは次のようになります。

「type」属性は、データのサブセットを除外するために使用したいものです。それを念頭に置いて、ここで type 属性を自分の URL に結び付けるように URL 構造をセットアップしようとしました。これが私のルートです：

そこで、JSON の「type」フィールドへのルートを指定し、この 2 つを結び付けるコントローラーを作成してみました。

そして、ここに私の部分的なテンプレートがあります:

<div class="nav_outer"><img class="nav_img" ng-src="{{person.photo_small}}" ng-alt="{{person.name}}" /></div>

これにより、現在の URL タイプに一致するすべての画像が表示されることを期待していました。したがって、「/100_Ages/nav/3」にいる場合、タイプが「3」のオブジェクトからのすべての画像 (約 10 枚の写真) が表示されると予想しました。ただし、タイプが「3」の最後のオブジェクトしか表示されませんでした。

だから、私はそのng-repeatように試しました：

ループして一致するすべての画像を表示することを期待していましたが、何も表示されませんでした。

私の問題はangular.forEach.

提案をありがとう。

ビューを作成しようとしています - 練習用に 2 つのコントローラーを設定しました。1 つは HeaderCtrl で、その中にいくつかのデータ (サイト タイトル、ヘッダーの背景など) があり、もう 1 つはページのメイン コンテンツ (MainCtrl) を持つ必要があります。

ルートを定義するときは、次のようにしています。

これは完全に正常に機能しますが、次のように複数のパラメーターを指定する必要があります。

これはうまくいかないので、それを行う方法ではないと思います。私が実際に求めているのは、 $routeProvider で複数のコントローラーを指定できますか? または、このビューを構築する正しい方法は何でしょうか?

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

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

JavaScript

HTML

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

JavaScript

HTML

これどうやってするの？

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

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

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

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

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

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

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

ありがとう！