Angular.js新手到Ninja控制器

Question

我一直在嘗試使用Angular.js新手入門Ninja來學習一些Angular.js。 我現在遇到的主要問題是，在示例中，您必須歸檔app.js和controller.js。

在app.js和controllers.js中將主模塊聲明為依賴項：

angular.module('myApp', [
'myApp.controllers',
'ngRoute'
]);

在controllers.js中，控制器的聲明如下：

angular.module('myApp.controllers').controller('BookController', function($scope){
$scope.name="Scope for BookController";
});

但它永遠不會那樣工作，我必須這樣做，並將所有內容保存在同一文件中。

var app=angular.module('myApp', [
'myApp.controllers',
'ngRoute'
]);
app.controller('BookController', function($scope){
$scope.name="Scope for BookController";
});

有人可以告訴我怎么了嗎？ 謝謝。

Answer 1

您的調試器說什么？

我的猜測是您以錯誤的順序加載文件。 您會看到，必須首先定義myApp.controllers才能將其加載到myApp ，因此請確保先注入controllers.js ，然后再注入app.js

Answer 2

請確保按以下順序在head標簽中加載文件，

<script src="/path_to/angular/angular.js"></script>
<script src="/path_to/app.js"></script>
<script src="/path_to_controllers/controllers.js"></script>

另外，請將以下行添加到app.js ，

myApp.controllers = angular.module('myApp.controllers',[])

並將您的代碼更改為controller.js代碼，

myApp.controllers.controller('BookController', function($scope){
   $scope.name="Scope for BookController";
});

希望這能解決您的問題。