Question

以下是scotchApp模块的代码，我在此页面app.js中创建了不同的控制器。我想为控制器及其html文件创建不同的文件夹，以便我轻松地通过不同的控制器。我尝试按照https://github.com/angular/angular-seed/进行操作，但是当我尝试为控制器使用不同的文件夹时，我得到一个错误，其中包含以下内容：错误：[$ injector：modulerr] http://errors.angularjs.org/1.2.25/ $ injector / modulerr ？p0 = scotchApp＆amp; p1 =％5B％24injector％3Amodulerr（长链接）

'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（即主html文件）中添加了正确路径和正确顺序的所有js文件。如果是，请分享您的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的路径如果＆＃34; views / cis300 / cis300.htm＆＃34;但在您的代码中，您已将其提及为＆＃34; views / cis300.html＆＃34;。另外，在css / images文件夹中添加header.png。

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

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

1 个答案: