AngularJS Routing not working with Spring MVC web app

Question

I'm trying to use angularjs routing to load my templates and am getting a '404 page not found error' no matter what templateurl I put down. Should I be changing my context.xml file or am I just missing a step here? Any input would be appreciated.

This is my routing config (app.js):

    app.config(function($routeProvider) {
        $routeProvider.when('/', {
            templateUrl: 'views/mainview',
            controller: 'appController'
        })
        .otherwise({
            redirectTo: '/'
        });
   });

=============================

And my Spring Controller is as follows (SampleController.java):

    @Controller
    public class SampleController {

        @RequestMapping(value="views/mainview", method=RequestMethod.GET)
        public String displayView(){
           return "views/mainview.jsp";
        }
     }

=============================

Folder structure is as Follows

java

com

sample

controller

SampleController.java

webapp

META-INF

resources

js

app.js

WEB-INF

views

mainview.jsp

Adya · Accepted Answer · 2018-05-23 07:01:32Z

0

templateUrl property defines which HTML template AngularJS should load and display inside the div with the ngView directive. Use templateUrl : 'mainview.html'

answered May 23, 2018 at 7:01

Adya

1,11210 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

angularjs newbie Over a year ago

So then I shouldn't worry about the Spring Controller? I've tried so many combinations of the path for templateUrl and still getting a page not found error?

Adya Over a year ago

Correct this @RequestMapping(value="views/mainview", metohd=RequestMethod.GET) in your code, you have written "method" as "metohd" @angularjs newbie

Adya Over a year ago

Try to return only "mainview" from your controller's method.

angularjs newbie Over a year ago

Tried that. Should I be changing web.xml? Or should it just work with my angularjs routing config?

Adya Over a year ago

Can't you post your all files

Vahid Rahmani · Accepted Answer · 2018-05-23 07:09:51Z

0

First you need to check the server where the server is serving file

for example : java/com/views/mainview.html or views/mainview.html

answered May 23, 2018 at 7:09

Vahid Rahmani

1929 bronze badges

1 Comment

angularjs newbie Over a year ago

I edited the structured of my folders in the question. My app.js file is located in webapp/resources/js/app.js and my template is located in webapp/WEB-INF/view/mainview.html. Would it still just be views/mainview.html? I've tried it and still getting the same error.

Collectives™ on Stack Overflow

AngularJS Routing not working with Spring MVC web app

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related