Angular ngRoute not working in a Spring Boot Application
I am working on a Spring Boot Application using Angular JS for UI. I am trying to use Angular routes for making it a Single page application
My static content is present in the following directory:
resources/static inside my src/main
I am using a Controller class for loading my first HTML page index.html.
@Controller
public class PageController {
@RequestMapping(value = "/", method = RequestMethod.GET)
String entry() {
return "redirect:/index.html";
}
}
MY HTML body :
<body>
<header class="app_header">
<a href="#/mainDashboard">Home</a>
<h1 class="app_header__title">My title</h1>
</header>
<div ng-app="myApp" ng-controller="myController">
<div class="ng-view">
</div>
</div>
</body>
My Javascript controller :
myApp.config(function($routeProvider) {
$routeProvider
.when("/mainDashboard", {
templateUrl : "dashboard.html"
});
});
It does not work. Is there something else I should do on server part??
The UI is a part of Spring Boot application itself it is not being served through a separate web server.
angularjs spring-boot angularjs-ng-route
edited Nov 22 '18 at 13:37
Prashant Pimpale
3,0833830
asked Nov 22 '18 at 12:58
Anuja BarveAnuja Barve
556
add a comment |
I am working on a Spring Boot Application using Angular JS for UI. I am trying to use Angular routes for making it a Single page application
My static content is present in the following directory:
resources/static inside my src/main
I am using a Controller class for loading my first HTML page index.html.
@Controller
public class PageController {
@RequestMapping(value = "/", method = RequestMethod.GET)
String entry() {
return "redirect:/index.html";
}
}
MY HTML body :
<body>
<header class="app_header">
<a href="#/mainDashboard">Home</a>
<h1 class="app_header__title">My title</h1>
</header>
<div ng-app="myApp" ng-controller="myController">
<div class="ng-view">
</div>
</div>
</body>
My Javascript controller :
myApp.config(function($routeProvider) {
$routeProvider
.when("/mainDashboard", {
templateUrl : "dashboard.html"
});
});
It does not work. Is there something else I should do on server part??
The UI is a part of Spring Boot application itself it is not being served through a separate web server.
angularjs spring-boot angularjs-ng-route
edited Nov 22 '18 at 13:37
Prashant Pimpale
3,0833830
asked Nov 22 '18 at 12:58
Anuja BarveAnuja Barve
556
add a comment |
I am working on a Spring Boot Application using Angular JS for UI. I am trying to use Angular routes for making it a Single page application
My static content is present in the following directory:
resources/static inside my src/main
I am using a Controller class for loading my first HTML page index.html.
@Controller
public class PageController {
@RequestMapping(value = "/", method = RequestMethod.GET)
String entry() {
return "redirect:/index.html";
}
}
MY HTML body :
<body>
<header class="app_header">
<a href="#/mainDashboard">Home</a>
<h1 class="app_header__title">My title</h1>
</header>
<div ng-app="myApp" ng-controller="myController">
<div class="ng-view">
</div>
</div>
</body>
My Javascript controller :
myApp.config(function($routeProvider) {
$routeProvider
.when("/mainDashboard", {
templateUrl : "dashboard.html"
});
});
It does not work. Is there something else I should do on server part??
The UI is a part of Spring Boot application itself it is not being served through a separate web server.
angularjs spring-boot angularjs-ng-route
edited Nov 22 '18 at 13:37
Prashant Pimpale
3,0833830
asked Nov 22 '18 at 12:58
Anuja BarveAnuja Barve
556
I am working on a Spring Boot Application using Angular JS for UI. I am trying to use Angular routes for making it a Single page application
My static content is present in the following directory:
resources/static inside my src/main
I am using a Controller class for loading my first HTML page index.html.
@Controller
public class PageController {
@RequestMapping(value = "/", method = RequestMethod.GET)
String entry() {
return "redirect:/index.html";
}
}
MY HTML body :
<body>
<header class="app_header">
<a href="#/mainDashboard">Home</a>
<h1 class="app_header__title">My title</h1>
</header>
<div ng-app="myApp" ng-controller="myController">
<div class="ng-view">
</div>
</div>
</body>
My Javascript controller :
myApp.config(function($routeProvider) {
$routeProvider
.when("/mainDashboard", {
templateUrl : "dashboard.html"
});
});
It does not work. Is there something else I should do on server part??
The UI is a part of Spring Boot application itself it is not being served through a separate web server.
angularjs spring-boot angularjs-ng-route
angularjs spring-boot angularjs-ng-route
edited Nov 22 '18 at 13:37
Prashant Pimpale
3,0833830
asked Nov 22 '18 at 12:58
Anuja BarveAnuja Barve
556
edited Nov 22 '18 at 13:37
Prashant Pimpale
3,0833830
asked Nov 22 '18 at 12:58
Anuja BarveAnuja Barve
556
edited Nov 22 '18 at 13:37
Prashant Pimpale
3,0833830
edited Nov 22 '18 at 13:37
Prashant Pimpale
3,0833830
edited Nov 22 '18 at 13:37
Prashant Pimpale
3,0833830
3,0833830
asked Nov 22 '18 at 12:58
Anuja BarveAnuja Barve
556
asked Nov 22 '18 at 12:58
Anuja BarveAnuja Barve
556
asked Nov 22 '18 at 12:58
Anuja BarveAnuja Barve
556
556
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53431581%2fangular-ngroute-not-working-in-a-spring-boot-application%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53431581%2fangular-ngroute-not-working-in-a-spring-boot-application%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
