問題タブ [angularjs-routing]

私はAngularアプリを開発しています.url:http://localhost/angular/MyAngularRewind/でブラウザをヒットすると、index.htmlは開いていませんが、実際にはindex.htmlを開く必要があります。

C:\wamp\www\Angular\MyAngularRewind---> これは私が index.html を持っているパスです。下のスクリーンショットを参照してください

しかし、このURLでヒットするとページが開き、次http://localhost/angular/MyAngularRewind/index.htmlのように変わりますhttp://localhost/angular/MyAngularRewind/index.html#/

理想的には、以下のことが起こっているはずです: URL をヒットするhttp://localhost/angular/MyAngularRewind/と、URL が自動的に に変更されたページが開くはずhttp://localhost/angular/MyAngularRewind/index.html/#/ですが、それは起こっていません。

ファイル構造のスクリーンショットを参照してください。

索引.html

Javascript:

助けてくれてありがとう。

各エントリが選択可能な単純なリストを表示します。ただし、選択時に余分なビューはロードされません。すべてが入っていticket_lost templateます。テンプレートには、エントリをクリックすると表示される隠しフィールドがいくつかあります。

設定することで、どのエントリが内部的に選択されるかを定義できます

したがって、次のようなルートがある場合

selectedTicket を 1 に設定する関数を呼び出したいのですが、可能ですか? どうやってするか？ルーティングで何を変更する必要がありますか?

私のようにapp.js見える

私app/js/services/categories.jsのように見えますが

そして、私は次のようなルートを持っています

私のコントローラーapp/js/controllers/transactionController.jsは次のようになります

アプリを実行すると、console.log が次のように表示されます。

ここで私が間違っていることは何ですか？

特定のルートが要求されたときに routeProvider からモーダル ダイアログ ウィンドウを開くなど、[機能を実行する] ことは可能ですか?

PS:ルートをキャンセルして、代わりにダイアログ ボックスを開きたいです。ダイアログボックスを開くことだけが問題ではありません。ルートのキャンセルは大きな問題です。

angularjs を使用し、必要に応じて ui-router を使用して、非常に大きな単一ページ アプリケーションを最適に構成する方法に関する質問があります。

私のシナリオはこれです。

• トレンド モジュール、「ビジネス」アナライザー、ダッシュ ボード/ワークスペース、その他多数のコンポーネントが複数あります。
• 古い学校の MDI Windows アプリケーションのように、ランチャー サイドバーからモジュールを個別のタブで 1 回以上開くことができます。
• 一部のモジュールは完全に独立しており、一部のモジュールは、ページのどこかにある共通のフィルタリング ウィジェットを使用/共有する場合があります。

一般的な考え方は、これらの各コンポーネントを個別のタブで複数回開くことができるため、ユーザーはワークフローの一部として簡単に切り替えることができます。もう 1 つのことは、それらすべてに対して URL リンクをサポートする必要があることです。URL を開くには、すべての「タブ」を再度開く必要はなく、URL がリンクしているタブだけを開きます。

angularjs を使用する場合、これまでの私の限られた理解では、これを達成するための最良の方法は、プロジェクトを大規模なアプリケーションに推奨される個別のビジネス モジュールに分割することであることが示されました。関連するテンプレート、サービス、ディレクティブなどを含む各ビジネス モジュール。

次に、ng-include を使用してテンプレートをインクルードし、各ビジネス モジュールのコントローラーをインスタンス化します。同じコントローラーを複数回インスタンス化して、独自のデータを別々に保持できることをテストしました。特定のコントローラーが作成されるたびに、必要なテンプレートを含める必要もあります。これは、同じモジュールを別々のタブで複数回インスタンス化したい場合をカバーします。

これはURLリンクの問題を解決しませんが、この問題を解決する可能性のある複数のui-viewをサポートするui-routerの代替案に私を導きますが、私はまだそれについて十分に知りません. ui-router を使用すると、各ビューの「インスタンス」を含む URL 構文を含めることができると思いますが、それをどのように行うかはわかりません。手動でブートストラップされた複数のアプリを使用するという考えは問題外のようです。これは、異なるモジュール間の通信の可能性を減らし、一般的な意見ではこれは悪い考えであることを示しているようです。

この状況での良いアプローチについて、フィードバックや建設的なコメントをいただければ幸いです。

に含まれる複数の部分テンプレートを含めようとしていますng-viewが、routeProviderディレクティブは常にサーバーからファイルを取得しようとしています (埋め込まれた ではありませんng-template)。

HTML で次のように定義しています。

私のapp.jsファイルには次のものがあります。

ページをロードするたびに、ブラウザー コンソールにエラーが表示されます。

私のページの AngularJS アプリ セクションは次のようになります。

ng-templateAngularJS がスクリプト ディレクティブを読み込めないようにするために何が欠けていますか?

アプリが初期化されたときの最初のページの読み込みで、ユーザーをログインページにリダイレクトしたいと思います。コードの関連部分はこれだと思います

https://github.com/fnakstad/angular-client-side-auth/blob/master/app/js/app.jsに基づいています。問題は、ページの読み込み時にアラートがトリガーされますが、場所は変更されません。アプリのナビゲーション項目をクリックする必要があり、ログイン アクションが呼び出されてルートが変更されます。

これは機能しますが、冗長に思えます。また、なぜアラートはトリガーされるのに場所の変更はトリガーされないのでしょうか?

ページ全体の読み込み時に場所が変わらないのはなぜですか? これを修正する方法は？

完全なコードhttp://jsfiddle.net/qfSC3/ですが、フィドルは機能しません。