錯誤：[$ injector：nomod]模塊“ myApp.view1”不可用

Question

請幫助我正確組織代碼。 我正在嘗試更改簡單的角度種子項目的結構，以學習如何使用它。 如我所見，我在構建模塊和子模塊時遇到麻煩

檔案app.js

    angular.module('myApp.view1');
    angular.module('myApp.view2');
angular.module('myApp', [
  'myApp.view1',
  'myApp.view2',
  'ngRoute'
]);
var myApp = angular.module('myApp');
myApp.config(['$routeProvider', function($routeProvider) {
  $routeProvider
    .when('/view1', {
      templateUrl: 'views/view1.html',
      controller: 'View1Ctrl'
    })

  .when('/view2', {
    templateUrl: 'views/view2.html',
    controller: 'View2Ctrl'
  })

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

這是view1.js

    'use strict';

var view1 = angular.module('myApp.view1');
  view1.controller('View1Ctrl', [function($scope) {
    $scope.firstName = "John";
  }]);

和view2.js

'use strict';

var view2 = angular.module('myApp.view2');
view2.controller('View2Ctrl', [function($scope) {
$scope.lastName = "Doe";
}]);

Answer 1

該錯誤是因為您正在訪問模塊而不是定義它們。

angular.module('myApp.view1', []);
angular.module('myApp.view2', []);

假設模塊沒有依賴性。

並查看我對應用程序結構的評論。