問題タブ [angularjs-ng-route]

クエリ文字列を保持したくない場合、AngularJS でルートの変更を超えてクエリ文字列を保持することに問題があります。この問題を再現するために plunker (以下) を作成しましたが、この質問に記載されているように、クエリ文字列は通常、ルートの変更後も保持されないことがわかります。

http://plnkr.co/edit/SD8QMdSeAfAnVP3ZNHK4?p=preview

AngularJS 1.3 にアップグレードしたばかりですが、以前のバージョンの 1.2.(12|24) でも同じ動作が見つかりました。残念ながら、問題のあるソース コードは独自のものであるため、問題の原因となっている正確なコードを共有することはできません。

私はすべてを試しましたが、Angular ソースにデバッグして、クエリ文字列がルートの変更後も持続する理由を見つけました。他の誰かがこの問題に遭遇したか、それをオフにする方法を知っていますか?

アップデート

私のリンクの多くには実際に一部のクエリ文字列パラメーターのデフォルト値が含まれているため、クエリ文字列を単純に削除するなどのソリューションは機能しないことに注意してください。

ほとんどのリクエストを処理する一般的なルートを定義しようとしています。機能を追加するたびにルートを追加することは、私が気分が悪く、保守しにくいと感じていることです。

したがって、私の目標は、汎用ルートを作成し、依存関係を動的に解決することです。これには、すべての依存コントローラーとサービス ファイルの解決、templateUrl の解決、およびコントローラー名の解決が含まれます。controller name 以外のすべてを解決/構築できます。助けてください

カスタムリゾルバーを使用した私のルート:

カスタムリゾルバーの内部:

良い記事: https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection https://medium.com/opinionated-angularjs/advanced-routing-and-resolves-a2fcbf874a1c

現在、既存の Knockout アプリケーションを Angular MEAN スタック アプリケーションに移行しようとしています。ノックアウトでは、index.html にこのコードが含まれています。

単一のコントローラー (または) 複数のコントローラーを使用して、Angular ルート内でロードするこの種の部分的な html ファイルをどのように実現できますか。「invitation-creating.html」ページを保存した後、「invitation-done.html」に移動できるはずですが、URL は同じである必要があります (これは必要ありません -> websiteurl/invitation_id)。

アクションhttp://invitify.azurewebsites.netで、招待状を作成すると、ブラウザで URL を変更せずに次のページ (invitation-done.html) に移動することを確認してください。これはノックアウトで達成されましたが、Angular アプリでも同じ効果を達成したいと考えています。Knockout コードは github にあり、詳しく見ることができます。https://github.com/scriptstar/KOInvitify

Angular アプリケーションでこのタイプの動作を実現するためのベスト プラクティスは何ですか。

助けてください。ありがとう。

Node.js を使用して、AngularJS を使用した Hello World ビルドを Heroku にプッシュしようとしています。しかし、複数のビュー（部分）があります。

最初に ngRoute を使用せずに Hello World をデプロイしました。つまり、パーシャルを使用しませんでした。それはうまくスムーズでした。次に、単純なパーシャルを 2 つプッシュしてみました。しかし、問題はアプリケーションをホストしていると同時にパーシャルを要求していると思います。私はそれが正しいアプローチではないことを知っており、あなたのアドバイスが欲しい.

これは私の index.html です:

部分的な「templates/second.html」

部分的な「templates/index.html」

私のエクスプレスアプリ：

そして明らかに、Profile:

これまでに見つけたすべてのチュートリアルは Yeoman を使用していますが、Yeoman やその他の足場 (それが何であるか) ツールを使用したくありません。

Q: パーシャルを保存している同じ Heroku アプリケーションで AngularJS アプリをホストすることは可能ですか? もしそうなら、私は何を間違っていますか？そうでない場合、最善のアプローチは何ですか？

ng-routerデフォルトでdiv IDにマップされているBootstrapタブも使用しています。Angular はタブ リンクをルートとして扱い、タブを開く代わりにそれらをルーティングしようとしていますか? これらのリンクを無視する必要があることをAngularに伝えるにはどうすればよいですか、またはIDを使用する必要がないようにタブを実装するにはどうすればよいですか? ID を使用するタブやパネルなど、多くの Bootstrap ウィジェットがあります。

Angular リンクは次のようになります。

タブのリンクは次のようになります。

ルーティングが機能しない理由がわかりません。View1.html は単純な Web ページで構成されており、view2.html も同様です。view1.html と view2.html はどちらも partials というフォルダーにあり、「angular-route.js」と「angular-route.min.js」はホームフォルダーの node_modules というフォルダーにあります。ubuntu14.04を使用しています。

このエラーが発生した理由を理解しようとしています:

Uncaught Error: [$injector:modulerr]

index.html に次のコードがあります

mainscript.js

そしてconfig.js

ご覧のとおり、ng-route.js、ngRoute モジュールを含めましたが、何かが機能しません...

The Guardian API からコンテンツを取得する AngularJS アプリケーションを作成しています。ルーティングを使用しているので、「articles/:articleId」にある場合、articleId パラメータを取得できます。この場合、「articles/123」は正常に動作し、123 を返しますが、Guardian API id は次のとおりです。

そのため、news/:articleId をルートとして認識しなくなり、代わりにそのコントローラーをスキップして、通常の (.otherwise()) コントローラーに戻ります。/news の後に全体を取得する方法はありますか。この場合、パラメーター全体が返されます。

ありがとう。