Question

目前，我尝试将页面加载到其主页但我无法实现。因为我第一次加载页面时它将我带到app / index.html。是否可以将页面重定向到app / home？

这是我的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>

有人可以帮我解决这个问题。谢谢。

Answer 1

你试过这个
吗？

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

Answer 2

更改为您的主页，

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

AngularJS主控制器

2 个答案: