如何在Angular中手動聲明和使用模塊，控制器，服務和引導程序？

Question

我正在嘗試構建一個具有一個控制器，一個服務並且手動進行Bootstrap的AngularJS應用（無ng-app ）。 問題是我一直出錯：

參數'AppController'不是一個函數，得到了字符串

的HTML

<!DOCTYPE HTML>
<html xmlns:ng="http://angularjs.org">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js" type="text/javascript"></script>
        <script src="inc/bootstrap.js" type="text/javascript"></script>
        <script src="inc/controllers.js" type="text/javascript"></script>
        <script src="inc/services.js" type="text/javascript"></script>
    </head>
    <body ng-controller="AppController">
        [...]
    </body>
</html>

bootstrap.js

angular.element(document).ready(function() {
    angular.bootstrap(document, ['htmlControllerApp']);
});

controllers.js

angular.module('htmlControllerApp', [])
.controller('AppController', 'ConnectionService', ['$scope', function ($scope, ConnectionService) {
    // Code
}]);

services.js

angular.module('htmlControllerApp')
.factory('ConnectionService', ['$rootScope', function ($rootScope) {
    // Code
}]);

謝謝

編輯-解決方案

在controllers.js中 ，改用：

angular.module('htmlControllerApp')
.controller('AppController', ['$scope', 'ConnectionService', function ($scope, ConnectionService) {
    // Code
}]);

在bootstrap.js中 ，作為“良好實踐”：

angular.module('htmlControllerApp', []);
angular.element(document).ready(function() {
    angular.bootstrap(document, ['htmlControllerApp']);
});

這將在bootstrap.js中創建模塊一次，AngularJS將嘗試在controllers.js和services.js中檢索它。

Answer 1

這是您要查找的頁面。

https://docs.angularjs.org/api/ng/function/angular.bootstrap

並改變這個

angular.module('htmlControllerApp', [])
  .controller('AppController', 'ConnectionService', ['$scope', function ($scope,     ConnectionService) {
    // Code
}]);

對此->

angular.module('htmlControllerApp', [])
  .controller('AppController', ['$scope', 'ConnectionService', function ($scope, ConnectionService) {
    // Code
}]);

如何在Angular中手動聲明和使用模塊，控制器，服務和引導程序？

問題描述

1 個解決方案

解決方案1
1 已采納 2016-01-28 10:48:13

如何在Angular中手動聲明和使用模塊，控制器，服務和引導程序？

問題描述

1 個解決方案

解決方案1 1 已采納 2016-01-28 10:48:13

解決方案1
1 已采納 2016-01-28 10:48:13