Spring的AngularJs视图：不显示答案

【问题标题】：AngularJs view with Spring : Not showingSpring的AngularJs视图：不显示
【发布时间】：2016-12-28 02:47:05
【问题描述】：

所以我有一个简单的应用程序 AngularJs 和 Spring mvc。我有一个映射到 angularJs 页面的控制器，我在 jsp 页面中有这个代码：

<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 运行它时，它不会运行，但是当我直接在浏览器中访问该文件时，它就像一个魅力，有人愿意解释一下吗？

谢谢。编辑

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

资源文件夹：

网址： http://localhost:8080/gestionprojet/Project/angularjs

我的控制器：

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

【问题讨论】：

有什么问题？您在控制台上看到了什么错误？
没什么，视图被渲染，在浏览器上我看到{{lastname}}
你的应用中是否引用了 angularjs？
检查您的浏览器开发工具的网络面板，并验证所有脚本是否正确加载。
是的，如上所述，当我直接从浏览器访问该页面时，它运行良好。

标签： angularjs spring tomcat model-view-controller

【解决方案1】：

首先，你的文件在/WEB-INF/resources下，但是你已经配置spring从/resources加载静态资源。所以他们根本不能上菜。配置应该是

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

您的网页网址是

/gestionprojet/Project/angularjs

您的页面尝试使用相对路径加载脚本

applications.js

所以浏览器查找JS文件的对应绝对路径是

/gestionprojet/Project/applications.js

与您选择提供静态资源的 URL 不匹配。假设/gestionprojet是应用的上下文路径，那么绝对URL应该是

/gestionprojet/resources/applications.js

所以JSP中的源代码应该是这样的

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

【讨论】：