如何为不同的控制器创建不同的文件夹？

Question

下面是 scotchApp 模块的代码，我在这个页面中创建了不同的控制器 app.js。我想为两个控制器及其 html 文件创建不同的文件夹，这样我就可以轻松地浏览不同的控制器。我试着按照这个 https://github.com/angular/angular-seed/ but when I try to use different folder for a controller, I get an error which says something like this: Error: [$injector:modulerr] http://errors.angularjs.org/1.2.25/$injector/modulerr?p0=scotchApp&p1=%5B%24injector%3Amodulerr (long link)

'use strict'
var scotchApp = angular.module('scotchApp', ['ngRoute']);
scotchApp.config(function ($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'views/home.html',
            controller: 'mainController'
        })
        .when('/cis300', {
            templateUrl: 'views/cis300.html',
            controller: 'cis300Controller'
        })
        .when('/cis400', {
            templateUrl: 'views/cis400.html',
            controller: 'cis400Controller'
        })
        .when('/home', {
            templateUrl: 'views/home.html',
            controller: 'homeController'

        })
        .when('/login', {
            templateUrl: 'views/login.html',
            controller: 'loginController'
        });
});
scotchApp.controller('mainController', function ($scope) {
    $scope.message = 'Welcome to the CIS Course Enrollment Center!';
});
scotchApp.controller('cis300Controller', function ($scope) {
    $scope.message = 'This is a the CIS-300 Section.';
});
scotchApp.controller('homeController', function ($scope) {
    $scope.message = 'You have successfully logged in!';
});

scotchApp.controller('cis400Controller', function ($scope) {
    $scope.message = 'This is the CIS-400 Page';
});

Answer 1

您是否在 index.html 中添加了所有具有正确路径和正确顺序的 js 文件，即主 html 文件。如果是，请分享您的 index.html 文件和文件夹结构以更好地理解问题。

编辑 -

cis300.js--

 scotchApp.controller('cis300Controller', function($scope){
     $scope.message = 'This is a the CIS-300 Section.';
 });

cis400.js--

 scotchApp.controller('cis400Controller', function($scope){
     $scope.message = 'This is the CIS-400 Page';
  });

app.js -- 请用正确的路径更新所有 html 路径。例如cis300.html 的路径，如果 "views/cis300/cis300.htm"，但在您的代码中，您提到它为 "views/cis300.html"。另外，在您的 css/images 文件夹中添加 header.png。

如果您遇到任何其他问题，请告诉我。

如何为不同的控制器创建不同的文件夹？

How to create different folders for different controllers?

controllers

angularjs