問題タブ [angularjs-ng-route]

ng-route を使用して angular でアプリケーションを作成しようとしていますが、動作させることができません。

問題を検索し、ng-app を移動するなどの提案を試みましたが、何も機能していないようです。

以下にプランカーのリンクを追加しました

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

誰か助けてくれませんか

ここにもコードを追加します

インデックス html

app.js

DemoCtrl.js

これら以外には 3 つのパーシャルがあります。

特定のオブジェクトに対して CRUD 操作を実装しているとしましょう。これらのビューは非常に似ているため、複数のコントローラーで同じビューを使用する必要があると思います。パラメータに基づいてコントローラを動的に選択する方法はありますか、またはこのタイプのアクションはコントローラ内でのみ実行できますか?

私は同様の回答を確認し、機能するPlunkersを変更しようとしましたが、私のプロジェクトでは同様のことをすると失敗します(AngularJS 1.1.0を使用した例が原因である可能性があります)。

チュートリアルhttps://docs.angularjs.org/tutorialを実行しましたが、AngularJS はまだ初心者です。

私のプロジェクトでは、AngularJS バージョン 1.3.9 と次のモジュールを使用しています。

• ngResource
• ngRoute

ng-click に問題があります。

これが私のルーティング設定です：

私のtest.php：

これが私のコントローラーです：

ページをロードすると、「Hello」が表示されますが、ボタンを押しても何も起こりません (コンソールにエラーはなく、フォーム内にはありません)。

data-ng-click を使用した例をいくつか見ましたが、それも機能しません。Angular Documentationの次の例は機能するため、私の問題はスコープの問題である可能性があると思います。

誰でも確認して正しい方向に向けることができますか?

前もって感謝します。

アップデート：

インジェクションに関するコンソール エラーはなく、ルーティングは正常に機能していましたが、完全を期すために app.js を含める必要がありました (ファイルには、当分の間ルーティング設定も含まれていましたが、まだ大したことではありません)。

バックエンドをダッシュ​​ボード レイアウトとログイン レイアウトにセグメント化する必要があります。2 つの異なるレイアウトである必要があります。

angular-ui-router を使用してこれを実装するにはどうすればよいですか?

index.html

JS

私は AngularJS の初心者で、コードで $routeParams を使用しようとしています。ここで以前の回答を検索して、配列インジェクションと関数の両方の一部として「$routeParams」を追加したことを確認しました。 ui-router モジュール。ただし、ログに記録しようとすると、まだ未定義になります。

私のAngularアプリは次のとおりです。

私のコントローラーは次のとおりです。

何が欠けているか教えてください。どんな助けでも大歓迎です。問題の原因となっている HTML ページを確認したい場合は、

ユースケースでの使用方法を理解するのに苦労してngrouteおり、間違った方向からアプローチしているに違いないと考えています。

ユースケースは次のとおりです

• ユーザーが Web ページに識別子を入力する
• Angular コントローラはng-clickイベントに応答し、識別子を渡してサーバー側の呼び出しを行います
• 識別子がサーバー側コードに認識されている場合、識別子に関連付けられた詳細を示すビューが表示されます
• 識別子がサーバー側のコードに認識されていない場合は、別のビューが表示され、顧客は詳細を追加できます。

サーバー側の呼び出しを実行するために使用するサービスが$resourceあり、識別子がシステムに認識されているかどうかに応じて、 を設定し$location.pathました。

これを考慮して、正しい状況で現在のビューを表示しています。

しかし ....

サーバーからデータを正常に取得すると、ビューがレンダリングされますが、取得したばかりのデータが含まれていません。2 つのビューには異なるコントローラーがあります。2 つのコントローラーのコントローラーが異なっていると想定している$scopesため、ビューに正しくデータが取り込まれていません。それは正しい仮定ですか？

そうである場合、あるコントローラーで取得した結果を、別のコントローラーに関連付けられたビューで行われる処理と共有するにはどうすればよいですか。サービス自体にキャッシュしてサービスを共有するか、 にプッシュするかを考えました$rootscopeが、どちらもハックに感じられ、完全に間違ったアプローチを取っていると感じさせられます。

この種のユースケースに対処する通常の方法は何ですか?

クライアント側のルートを Angular と Express 4 で設定してみます。ガイドngViewを使用し、Express なしで作業しましたが、Express ルーティングを有効にすると ngRoute が機能しません。ngRoute で動作するように Express をセットアップするにはどうすればよいですか?

少しのコード: