2016-08-21 6 views
0

So habe ich eine einfache Anwendung AngularJs und Spring mvc. Ich habe eine Controlller, die auf die AngularJS Seite abgebildet und ich habe diesen Code in einer jsp Seite:AngularJs Ansicht mit Spring: Nicht zeigen

<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"; 
}); 

wenn ich dies mit Pivotal es läuft nicht ausführen, aber wenn ich zugreifen die Datei direkt in meinem Browser funktioniert es wie ein Charme, Jemand kümmert sich um pls erklären?

Vielen Dank. 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(); 
} 
} 

Ressourcen Ordner:

Resources folder

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

Mein Controller:

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

, was das Problem sein sollte? Welche Fehler siehst du auf der Konsole? – Sajeetharan

+0

Nichts, die Ansicht ist gerendert und auf dem Browser sehe ich '{{lastname}}' –

+0

haben Sie angularjs in Ihrer Anwendung referenziert? – Sajeetharan

Antwort

1

Zu allererst Ihre Dateien sind unter/WEB-INF/Ressourcen, aber Sie haben Feder konfiguriert aus/Ressourcen statischen Ressourcen zu laden. Sie können also überhaupt nicht bedient werden. Die Konfiguration sollte

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

Die URL Ihrer Seite ist

/gestionprojet/Project/angularjs 

Ihre Seite versucht, das Skript zu laden den relativen Pfad

applications.js 

So auf den entsprechenden absoluten Pfad, in dem der Browser sucht nach den JS-Dateien ist

/gestionprojet/Project/applications.js 

, die nicht mit den URLs übereinstimmt, aus denen Sie statische Ressourcen bereitstellen. Unter der Annahme, /gestionprojet wird der Kontext Pfad der Anwendung sollte die absolute URL

seine
/gestionprojet/resources/applications.js 

So ist der Quellcode in der JSP so

<script src="${pageContext.request.contextPath}/resources/applications.js"></script> 
Verwandte Themen