問題タブ [ng-view]

私はAngularJSアプリを構築しています。私は次の構造を持っています：

ここに私のapp.jsファイルがあります:

index.html は次のとおりです。

ブラウザにエラーはありませんが、ロードするindex.htmlとhome.htmlが含まれません。なぜだろう？にはメニューが含まれているindex.htmlだけですが、機能しng-viewていません。パーシャルがロードされていません。

追加: ありがとう、モジュール行の構成にエラーがあることに気付きましたvar app = angular.module('app',['ngRoute','ngResource','ui-bootstrap']);

エラーになっている ui-bootstrap の読み込みを削除しました。私のコードは Now it works です ui-bootstrap モジュールを読み込めない理由は後でわかります。Plunkerに貼り付けたコードを@Edminssonに感謝します

私はAngularが初めてです。私は単純なAngularアプリを持っており、Angularでルーティングがどのように機能するかを確認しようとしています. 私はAngularでURL​​を変更し、同じ単一ページアプリケーションで各リンクの正しいビューを表示したい3つのリンクを持っています。これは私のコードです:

index.html

controllers.js

アプリは ng-view に対して何も表示しません。何を変更すればよいですか？オンラインの多くの例に従いましたが、何が欠けているのかわかりません。[ここで同様の質問をたくさん見ましたが、それらには固有の問題 (jquery 関連、ブラウザーの問題など) がありました。]

ありがとう、

Mavenを使用してMVCプロジェクトに取り組んでいます。

バックエンド: Spring Boot フレームワーク (Tomcat サーバー)、MySQL db、db バインディング用の hibernate、dao extends CrudeRepository、NO SERVICE (不要、小さなアプリ)、4 つのクラス (モデル)、および 4 つのコントローラー。ここまでは問題ありませんでした。しかし、フロントエンドの仕事を始めたとき、1 つ以上の問題を経験しました。

フロントエンド: 私の index.html ページには、AngularJS と (Angular) UI Bootsrap を cdn、app.js、および userController.js 経由で含めました (私のファイル、userControll は私の問題にとって重要ではないと思いますが、それが存在することを指摘する必要がありますindex.html)、data-ng-app="collectionsApp" (collectionApp は app.js を介して作成されるアプリ)、および data-ng-view (このファイルは、login.html という名前の別の html ファイルをフォルダー ビューでロードする必要があります)。

ファイル app.js (/webapp/scripts/app.js) で、collectionsApp アプリケーションと関数 ($routeProvider) を作成しました。

Application.java (SpringApplication.run(Application.class, args) を使用してメイン関数が配置されているバックエンドのクラス) で「Run As Java Application」を実行すると、サーバーが起動し、休止状態がエラーや警告なしでデータベースに接続します.

Chrome を開いて localhost:8095 と入力すると (私のマシンでは 8080 がブロックされていたので、application.properties ファイルを介して意図的にポートを通常の 8080 から 8095 に変更しましたが、これは問題ではないと思います)、アドレス バーに次のように入力します。白紙のページのみを参照してください。

data-ng-view は login.html をロードする必要があるため、これは問題です。

私の index.html ファイル:

私の login.html ファイル:

私の app.js ファイル:

私のフォルダ構造。