問題タブ [angular-routing]

を実装しようとしているnamed routesので、パス全体を記述する必要はありません (頻繁に変更されます)。

定義されたルートのリストを返すサービスと、オブジェクトを aroute に変換するフィルターを作成することで解決できると考えていました。

使用例は次のようになります。

name:'detail' をルート定義に追加すると、次の結果が生成されます。

これは非常に簡単だと思いますが、次のとおりです。

定義されたルートのリストを取得するにはどうすればよいですか?

を利用できると思ってrouteProviderいましたが、私の知る限り、アクセスできるパブリックメソッドや属性はありません。

角度ルーティングをチェックしています。

http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

私が見た例では、すべてのルートが同じファイルで定義されています。さまざまなファイル/モジュールでさまざまなルートを定義するにはどうすればよいですか?

これは私のapp.jsです

および controllers.js

私のhtmlでは、リンクを次のように呼び出しています

このリンクをクリックすると、/#/ にリダイレクトされます

どこが間違っていますか？

アプリで HTML5 モードを有効にしたいと考えています。ここに示すように、構成用に次のコードを配置しました。

ご覧のとおり、 を使用し、 の$locationProvider.html5modeすべてのリンクをng-hrefを除外するように変更しました/#/。

問題

現時点でlocalhost:9000/は、インデックス ページに移動して表示し、 のような他のページに移動できますlocalhost:9000/about。

ただし、localhost:9000/aboutページを更新すると問題が発生します。次の出力が得られます。Cannot GET /about

ネットワークコールを見ると：

一方、最初にlocalhost:9000/移動してから、ナビゲートするボタンをクリックすると、次のようになり/aboutます。

ページを完全にレンダリングします。

更新時に角度を有効にして正しいページを取得するにはどうすればよいですか?

ディレクティブ/フィルター/サービス/コントローラーを動的に追加できる必要があるアプリケーションがあります。私が必要とする機能は、Mac OS X Widget / Windows Gadget の読み込みに似ています。私の知る限り、これを行うには3つの方法があります：

• それらを初期スタックに含める - スタックが大きすぎるため、これは私にとって現実的ではありません。必要に応じてリモートの場所からこれらの機能を引き出す可能性があります。

• 少しハックして、それらをアプリケーションに追加します。これは機能していますが、再コンパイルする必要があると面倒です。AngularJS コントローラーを動的にロードするの適応バージョン

• 必要なすべての機能を備えた別のアプリをブートストラップします-おそらくこれを行う最も正しい方法...

現在、私は 3 番目のオプションに固執しています。

これらの非同期的に追加されたアプリには、ルートは必要ありません。$routeProvider を構成する必要がないように、これらのモジュールを作成する最良の方法は何ですか? ng-view の代わりに何を使用しますか?

それとも、そのまま使い続ける必要があり$routeProvider.otherwise()ますか？

ありがとう、

最大。

Angular を既存の Rails アプリの 1 つのページに組み込む作業を行っています。

次を使用して、ページ内のルーティングですべてが完全に機能しています

ただし、Angular に関係のないリンクについては、通常の機能を維持したいと考えています。たとえば、ヘッダーには、Angular ルーターによってキャッチされている他の場所にリンクする多数のリンクがあります。

https://groups.google.com/forum/?fromgroups#!topic/angular/basidvjscRkでいくつかの潜在的な解決策を見つけました。

しかし、ベースパスメソッドは機能していないようです..そして、target="_self" メソッドはかなり邪魔です。config関数で指定されていないルートをAngularに無視させるより良い方法はありますか?

.otherwise() メソッドがあることは知っていますが、これもハックのようです。何か不足していますか？

本当にありがとう！

そのようなことをすることは可能ですか？

そして、パス/Home/index がHome-index.htmlHomeCtrl

しかし、/Kill/mockingbirdそれは使用Kill-mockingbird.htmlし、KillCtrl

これらを使用する正気の方法はありますか？

私がしたいのは、ナビゲーションメニューと<ng-view>その下にある単一のページです。そして、すべてのルーティングはangularの責任である必要があります。

でも、mvcの良さも残したい。私はきちんと整理されたサーバー側のコントローラーとカミソリのページが好きです。

ただし、.cshtml に直接アクセスすることはできません。テンプレートにアクセスするにはどうすればよいですか?

メイン ページとそのコンテンツが再読み込みされることは望ましくありません。一度ロードすると、その後、他のページへのすべてのナビゲーションは、関連付けられたテンプレートのみをロードする必要があります。

どうすればそれを達成できますか？

それらを一緒に使用する方法の完全な例が1つも見つかりません。

以下に示すように、 $stateprovider をセットアップしています。product.html ページのコンテンツの表示に問題があります。問題は、解決された「タイトル」です。コントローラーに送信され、$scope に設定された後、テンプレートに表示されません。

コントローラーは

そしてテンプレは

ブラウザでは次のように表示されます

Chrome 開発者ツールでは、タイトルが「Hello」の値を取得していることがわかりますが、非常にばかげたバグのように見えますが、なぜ解決しないのか理解できません。

ばかげた間違いを犯している可能性がありますか？

私はrequireJSとAngularJSを使ってwebappを書いています。ブラウザの前後の履歴に加えて、うまく機能します。これは私のURLがどのように見えるかです:

<a href="#spaces">これでページに移動しますが、戻るボタンと進むボタンは何もしません。これを変更すると <a href="#/spaces">、戻るボタンと進むボタンは機能しますが、テンプレートは表示されません。

私はこのボイラープレートを使用しています:https://github.com/fdore/AngularJS-Boilerplate

これを見て修正してみてはいかがでしょうか。