2016-03-31 181 views
0

目前,我試圖加載一個頁面到它的主頁,但我不能做到這一點。因爲第一次加載頁面時,它將我帶到app/index.html。是否有可能將頁面重定向到app/home?AngularJS主控制器

這是我的app.js代碼:

(function() { 

"use strict"; 
//start 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 

這是我的index.html頁面:

<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> 

有人可以幫助我在此。謝謝。

+0

具有u試圖以其他方式設置爲/ home? – chancyWu

回答

0

你試試這個

when('/', { 
     templateUrl : 'js/partials/home.html', 
}) 

+0

這工作非常感謝 – anonymous5671

+0

您的歡迎..... – uzaif

0

變化,否則你的主頁,

otherwise({ 
      redirectTo : '/home' 
      });