2016-08-21 12 views
0

したがって、私は簡単なアプリケーションAngularJsとSpring mvcを持っています。私はangularJsページにマッピングされたcontrolllerを持っていると私は、JSPページにこのコードを持っている:SpringでのAngularJsビュー:非表示

<div ng-app="myApp" ng-controller="myCtrl"> 
<p>The name is <span ng-bind="person.lastName"></span></p> 
{{ lastName }} 
</div> 

<script src="applications.js"></script> 
<script src="controllers.js"></script> 

application.js:

var app = angular.module("myApp", []); 

controllers.js:

app.controller("myCtrl", function($scope) { 
$scope.firstName = "John"; 
$scope.lastName= "Doe"; 
}); 

これを実行するとが発生します。Pivotal実行されませんが、アクセスすると私のブラウザ内のファイルは、それは魅力のように動作します誰かがplsを説明する気に?

ありがとうございます。 EDIT

WebConfig.java:

public class WebConfig extends WebMvcConfigurerAdapter { 
@Override 
public void addResourceHandlers(ResourceHandlerRegistry registry) { 

    registry.addResourceHandler("/resources/**") 
    .addResourceLocations("/resources/"); 
} 

@Override 
public void configureDefaultServletHandling (DefaultServletHandlerConfigurer configurer) 
{ 
    configurer.enable(); 
} 
} 

リソースフォルダ:

Resources folder

URL:http://localhost:8080/gestionprojet/Project/angularjs

マイコントローラー:すべての

@RequestMapping("/angularjs") 
public String getAngularJs() { 
    return "AngularJs"; 
} 
+0

すべきですか?コンソールではどのようなエラーが表示されますか? – Sajeetharan

+0

ビューはレンダリングされず、ブラウザでは{{{lastname}} ' –

+0

を参照してアプリケーションでangularjsを参照しましたか? – Sajeetharan

答えて

1

まず、あなたのファイルは、/ WEB-INF /リソース下にあるが、あなたは、リソース/から静的リソースをロードするためのバネを構成しています。だから彼らはまったく提供できません。 configが

registry.addResourceHandler("/resources/**") 
     .addResourceLocations("/WEB-INF/resources/"); 

あなたのページのURLをあなたのページには、だから、対応する絶対パスを相対パス

applications.js 

を使用してスクリプトをロードしようと

/gestionprojet/Project/angularjs 

あるブラウザでなければなりませんJSファイルを探すのは

/gestionprojet/Project/applications.js 

は、静的リソースを提供するために選択したURLと一致しません。 /gestionprojetは、アプリケーションのコンテキスト・パスであると仮定すると、絶対URLが

/gestionprojet/resources/applications.js 

する必要がありますので、JSPソースコードは、このような問題が何であるかを

<script src="${pageContext.request.contextPath}/resources/applications.js"></script> 
関連する問題