I am currently facing an issue where I am unable to load a page to its home page. When I first load the page, it redirects me to app/index.html. Is there a way to redirect the page to app/home instead?
Below is my app.js code:
(function () {
"use strict";
// Starting a new application, a module in Angular
// Application name
// Dependencies are passed through an array
angular.module('MovieApp', ['ngRoute']).config(
[
'$routeProvider', function ($routeProvider) {
$routeProvider.
when('/home', {
templateUrl : 'js/partials/home.html',
}).
when('/category', {
templateUrl : 'js/partials/category-list.html',
controller : 'CategoryController'
}).
when('/category/:categoryid', {
templateUrl : 'js/partials/film-list.html',
controller : 'MovieController'
}).
when('/actor/:filmid', {
templateUrl : 'js/partials/actor-list.html',
controller : 'ActorController'
}).
when('/movieList', {
templateUrl : 'js/partials/allmovie-list.html',
controller : 'AllMovieController'
}).
when('/search', {
templateUrl : 'js/partials/search.html',
controller : 'SearchController'
// controllerAs: 'movies'
}).
when('/login', {
templateUrl : 'js/partials/login.html',
controller : 'LoginController'
// controllerAs: 'movies'
}).
when('/logout', {
templateUrl : 'js/partials/login.html',
controller : 'LogoutController'
// controllerAs: 'movies'
}).
when('/filmDetails/:filmid', {
templateUrl : 'js/partials/note.html',
controller : 'FilmDetailController'
}).
otherwise({
redirectTo : '/'
});
}
]
); // end of config method
}()); // end of IIFE
Here is my index.html page:
<header>
<div id="header" data-ng-controller="IndexController">
<ul>
<li><a href="#/home">Home</a></li>
<li><a href="#/movieList">Movie List</a></li>
<li><a href="#/category">Category</a></li>
<li><a href="#/search">Search</a></li>
<li ng-hide="loginEnabled"><a href="#/login" >Login</a></li>
<li ng-hide="logoutEnabled"><a href="#/logout">Logout</a></li>
</ul>
<h2>{{Message}}</h2>
</div>
</header>
<div id="content">
<!-- <h1>Welcome to FMS Website</h1> -->
<article data-ng-controller="CategoryController"></article></br></br>
<article data-ng-view></article>
</div>
If anyone can provide assistance on this matter, I would greatly appreciate it. Thank you.