I am currently working on a Java-based web application built using Spring MVC. My goal for this project is to integrate the AngularJS framework in order to achieve modular client-side code and separate my client side model from the view.
In Spring MVC, we typically return ModelAndView objects from our Controllers. In this case, I am attempting to use the returned view with the AngularJS router module.
var hmAdministration = angular.module('administration', ['ngRoute']);
hmAdministration.config(function ($locationProvider, $routeProvider) {
$locationProvider.html5Mode(true);
$routeProvider.
when("AngularJSSpringMVC/displayRoleList", {templateUrl: "AngularJSSpringMVC/displayRoleList"});
});
Here, AngularJSSpringMVC/displayRoleList refers to a URL linked to a controller API that returns ModalAndView. Based on my understanding, the view being returned should be placed within the <ng-view></ng-view> tag.
When I test this code solely on the client side, it works perfectly. However, integrating it with Spring MVC poses some challenges that I still need to address.