問題タブ [ngroute]

AngularJSのng-click機能を使用してビューを切り替えようとしています。以下のコードでこれを行うにはどうすればよいですか？

index.html

controller.js

AngularJS を使用して URL クエリ パラメータの値を読み取りたいと思います。次の URL で HTML にアクセスしています。

http://127.0.0.1:8080/test.html?target=bob

さすがlocation.searchです"?target=bob"。targetの値にアクセスするためのさまざまな例が Web にリストされていますが、いずれも AngularJS 1.0.0rc10 では機能しません。特に、以下はすべてundefinedです。

• $location.search.target
• $location.search['target']
• $location.search()['target']

誰が何がうまくいくか知っていますか？($locationコントローラーへのパラメーターとして使用しています)

アップデート：

以下に解決策を投稿しましたが、完全に満足しているわけではありません。Developer Guide: Angular Services: Using $locationのドキュメントには、 について次のように記載されています$location。

$location はいつ使用する必要がありますか?

アプリケーションが現在の URL の変更に対応する必要がある場合、またはブラウザで現在の URL を変更する必要がある場合。

私のシナリオでは、ページはクエリ パラメータを使用して外部 Web ページから開かれるため、「現在の URL の変更に反応する」ことはありません。その$locationため、仕事に適したツールではない可能性があります（醜い詳細については、以下の私の回答を参照してください）。したがって、この質問のタイトルを「$location を使用して AngularJS でクエリ パラメータを読み取る方法は?」から変更しました。「AngularJS でクエリ パラメータを読み取る最も簡潔な方法は何ですか?」に。明らかに、javascript と正規表現を使用して を解析することもできますlocation.searchが、非常に基本的なものを低レベルにすることは、私のプログラマーの感性を本当に傷つけます。

$locationだから：私の答えよりも良い使い方はありますか、それとも簡潔な代替手段がありますか？

次のように構成された、ログイン ビューとメイン ビューを持つ小さな AngularJS アプリを作成しています。

私の LoginController はユーザーとパスの組み合わせをチェックし、これを反映して $rootScope にプロパティを設定します。

すべてが機能しますが、アクセスhttp://localhost/#/mainすると、ログイン画面をバイパスしてしまいます。「ルートが変更されるたびに、$rootScope.loggedUser が null の場合は /login にリダイレクトする」のようなものを書きたかった

...

... 待つ。どうにかしてルート変更を聞くことはできますか? とにかくこの質問を投稿し、探し続けます。

シングルページアプリケーションがホームページをロードし、一連のアイデアを表示したいと思います。各アイデアはアニメーション化されたフラッシュコンテナに表示され、アニメーションはアイデア間を循環するように表示されます。

アイデアは$httpを使用して読み込まれます。

ただし、履歴ナビゲーションとUXを活用するには、アドレスバーを更新して、$locationを使用して各アイデアの正しいURLを表示したいと思います。

このイベントはAngularJSコンテキスト、つまりFlashから発生するため、ここでは$applyと呼んでいます。現在のコントローラー/ビューを残し、ビューをリロードしないようにしたいと思います。ビューをリロードすると、フラッシュオブジェクト全体が破棄され、プリローダーサイクルが再開されるため、これは非常に悪いことです。

$ routeChangeStartをリッスンしてpreventDefaultを実行しようとしました：

しかし、役に立たない。$ location.pathを変更したときにビューのリロードをオーバーライドする方法を理解できれば、すべてが厄介なことになります。

私はまだAngularJSの周りをとても感じているので、目標を達成するためにアプリを構築する方法についてのアドバイスをいただければ幸いです。

選択した入力を使用して商品のリストを色でフィルタリングできるようにアプリを設定しました$routeprovider。また、URLにこの色パラメータが存在する場合は、この色パラメータをページに渡します。

私が今やりたいのは、選択ボックスが変更されたときにURL/ルートを更新することです。選択の変更をルートにバインドするにはどうすればよいですか？

angle.jsのURLから＃記号を削除することは可能ですか？

ビューを変更してURLをparamsで更新するときに、ブラウザの戻るボタンなどを使用できるようにしたいのですが、＃記号は必要ありません。

チュートリアルrouteProviderは次のように宣言されています。

＃なしで同じ機能を持つようにこれを編集できますか？

angularは、「ng-view」要素を含むテンプレートビューをリクエストすることをどのように知っていますか?

アプリケーションでナビゲートする場合は、直接言う

. すべてのビューをレンダリングするために必要な「ng-view」要素が含まれているため、「/ またはインデックス テンプレート」に対してリクエストが行われます。

インデックスから /Categories/List/accessories に移動すると、インデックスに対するリクエストが再度行われません。

以下は、GitHub の Angular MVC "CookBook" の例から部分的にコピーされた私の基本的なルーティングです。

何か不足していますか？ありがとう！

現在の URL からデータを抽出し、コントローラーで使用したいと考えています。たとえば、次の URL があります。

app.dev/backend/surveys/2

抽出したいビット:

app.dev/backend/ :タイプ/ :id

Angular でこの作業に役立つものはありますか?