ng 查看 angularJS 和 spring boot答案

【问题标题】：ng view angularJS and spring bootng 查看 angularJS 和 spring boot
【发布时间】：2018-04-04 09:55:09
【问题描述】：

我有一个问题，当 rout 将在 ng 视图中加载我的文件时出现 404 错误，但我不知道如何解决我是 angularJS 和 spring 的新手

app.js
    app.config(function($routeProvider) {
    console
    $routeProvider.when('/', {
        controller : "loginController",
        templateUrl : "/pages/login.html"
    })})

控制器：

app.controller('loginController', function($scope, $http) {
  $scope.companies=null;
  $http.post('http://localhost:8080/').success(function(data) {
    $scope.companies = data;
    console.log(data);
  }).error(function(err) {
    console.log(err)
  });
})

控制器java：

@Controller
public class LoginController {
    @Autowired
    Facade facade;
    @RequestMapping(value = Paths.Public.PATH_ALL_COMPANY, produces = MediaType.APPLICATION_JSON_VALUE, method = RequestMethod.POST)
    public @ResponseBody List<CompanyDto> allCompany() {
        return facade.allCompany();
    }
    @RequestMapping(value=Paths.Public.PATH_HOMEPAGE,method=RequestMethod.GET)
    public String getindexPage(){
        return "index";
    }
    @RequestMapping(value=Paths.User.PATH,method=RequestMethod.GET)
    public String getindexPageqs(){
        return "index";
    }
}

应用模块：

var app = angular.module("myApp", [ 'ngRoute' ]); 
app.config(function($routeProvider) { 
  $routeProvider
    .when('/', { controller : "loginController", templateUrl : "/pages/login.html" })
    .when('/user', { controller : "UserHomeController", templateUrl : "pages/user.html" })
   .when('/admin', { controller : "AdminHomeController", templateUrl : "pages/admin.html" }
);

html:

<body ng-app="myApp"> 
  <script src="modul/angularJS-1.2.32/angular.min.js" type="text/javascript"></script> 
<div ng-view></div>

【问题讨论】：

能发一下app模块和html代码吗
[code]var app = angular.module("myApp", [ 'ngRoute' ]); app.config(function($routeProvider) { $routeProvider.when('/', { controller : "loginController", templateUrl : "/pages/login.html" }).when('/user', { controller : " UserHomeController", templateUrl : "pages/user.html" }).when('/admin', { controller : "AdminHomeController", templateUrl : "pages/admin.html" })

标签： javascript java angularjs spring spring-boot

【解决方案1】：

templateUrl : "/pages/login.html" 更改为 templateUrl : "pages/login.html" **或者 ** 如果您从 href 调用，请使用此 **或者 ** 如果您的 login.html 模板在 WEB-INF 中，那么它将无法访问。所以将其放在 WebContent 中而不是 WEB-INF 中。

【讨论】：