2016-03-31 140 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' 
      });