Elena Alexandra Dobrescu Elena Alexandra Dobrescu - 11 months ago 126
AngularJS Question

AngularJs ui-router not working in Spring boot

I am using the UI-router library with Spring Boot and Spring Security.
When I try to access a route I have defined, nothing happens, I don't even get an error in the console.

Here is my app.js file

var app = angular.module("app", ['ui.router']);

app.config(function($stateProvider, $urlRouterProvider) {
// For any unmatched url, redirect to /state1
// Now set up the states
.state('default', {
url: "/",
templateUrl: "partials/firstpage.html"

.state('register', {
url: "/register",
templateUrl: "partials/register.html"

.state('login', {
url: "/login",
templateUrl: "partials/login.html"


The index.html file:

<!DOCTYPE html>
<meta charset="ISO-8859-1">

<script src="assets/js/jquery-2.1.4.js"></script>

<script src="assets/bootstrap/js/bootstrap.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"> </script>

<script src="app.js"> </script>
<script src="controllers/navbar.controller.js"> </script>


<div ui-view> </div>


The WebSecurityConfiguration class:

protected void configure(HttpSecurity httpSecurity) throws Exception {
.antMatchers("/auth/**", "/").permitAll()

// Custom JWT based authentication
.addFilterBefore(authenticationTokenFilterBean(), UsernamePasswordAuthenticationFilter.class);

And here is my project structure:
project structure

Is there anything that I should add to my code to configure the ui-router library for Spring boot?

Answer Source

Your HTML code doesn't have an ng-app directive. So basically your angular app is not getting initalized