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', []);

假设模块没有依赖关系。

请查看我对应用结构的评论。

错误：[$ injector：nomod]模块'myApp.view1'不可用

1 个答案: