Question

我有一个简单的angular.js应用程序有两个视图：/ login＆amp; /寄存器。我的index.html看起来像这样：

... 
<body>
<ul class="menu">
  <li><a href="#/login">Login</a></li>
  <li><a href="#/register">Register</a></li>
</ul>
<div ng-view></div>
...(javascript inclusions)...

app.js

var adventureApp = angular.module('ownAdventure', [
      'ngRoute',
      'ngCookies',
      'Login',
      'Register'
    ]);

adventureApp.config(['$routeProvider', '$locationProvider',
  function ($routeProvider){
    $routeProvider
    .when('/login', {
        controller: 'LoginController',
        templateUrl: '/login/login.view.html'
    })

    .when('/register', {
        controller: 'RegisterController',
        templateUrl: '/register/register.view.html'
    })

    .otherwise({ redirectTo: '/login' });
}]);

我在sebarate .js 文件中同时拥有登录和注册模块，并添加了 LoginController 和 RegisterController 相应地在两个文件中完全相同。

login.controller.js（与寄存器相同）：

'use strict';

var loginController = angular.module('Login', ['ngRoute', 'ngCookies']);

loginController.controller('LoginController', ['$scope',
  function($scope) {
    $scope.test = 'This is a simple test';
}]);

登录/ 和注册/ 文件夹位于 app / 文件夹内，与 app.js ，因此我无法弄清楚为什么我不断收到以下错误消息：获取http://localhost:8000/login/login.view.html 404（未找到）

提前谢谢。

Angular.js错误404路由

0 个答案: