1

当我在 app.js 文件中包含我的控制器时，路由和控制器功能可以正常工作。它看起来像这样：

索引.html

<!DOCTYPE html>
<html data-ng-app='ckbApp' >    
<head >
</head>

<body>
    <div class="container" >
        <div ng-include="'header.html'"></div>

        <div ng-view class="viewBody">
        </div>

        <div ng-include="'footer.html'"></div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-route.min.js"></script>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="ckbApp.js"></script>

</body>

</html>

应用程序.js

'use strict';

var app = angular.module('app', ['ngRoute']);

app.config(['$routeProvider',
    function($routeProvider) {
          $routeProvider. 
          when('/About', {
              templateUrl: 'Views/About.html',
              controller: 'controller'
          }). 
          when('/Blog', {
              templateUrl: 'Views/Blog.html',
              controller: 'controller'
          }).
          when('/FAQ', {
              templateUrl: 'Views/FAQ.html',
              controller: 'controller'
          }). 
          when('/Home', {
              templateUrl: 'Views/Home.html',
              controller: 'controller'
          }). 
          otherwise({
             redirectTo: '/Home' 
          });
}]);

app.controller('controller', ['$scope', '$http', function ($scope, $http) {
    $http.get('data.json').success(function(data) {
        $scope.data = data;
  });    
}]);

但是当我尝试将控制器放入外部文件时，所有路由都不起作用。我知道控制器仍然有效，因为 scope.data 仍然为“header.html”加载。我的外部控制器文件如下所示：

'use strict';
angular.module('app', []).controller('controller', ['$scope', '$http', function ($scope, $http) {
    $http.get('data.json').success(function(data) {
    });    
}]);

我在 index.html 的底部包含了控制器源

<script src="/Controllers/controller.js"></script>

我在某处读到 ngRoute 需要运行服务器，但即使我的服务器运行，它也不能在外部工作，但可以与 app.js 中包含的控制器一起使用

4

1 回答 1

5 
angular.module('app', [])

这重新定义了名为“app”的模块。您只想获取对另一个 JS 文件中定义的现有模块的引用，并向其中添加一个控制器：

angular.module('app')
于 2015-09-19T17:12:01.570 回答