AngularJS模塊和子模塊實例

我試圖在我的角度應用程序內創建子模塊。我想爲每個文件都有一個模塊（services.js，controllers.js，...）。我遇到的問題是，當我爲每個創建一個，引導停止工作。我有以下幾點：AngularJS模塊和子模塊實例

app.js

angular.module('myApp', [ 
    'appSrv', 
    'appCtrl' 
]);

controllers.js

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


appCtrl.controller('TodoCtrl', ['$scope', 'listener', 'pouchWrapper', function($scope, listener, pouchWrapper) { 
    $scope.orderProp = 'text'; 

... 
);

services.js

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

appSrv.value('version', '0.1'); 

appSrv.factory('myPouch', [function() { 

... 

);

index.jade

doctype html 
html(ng-app='myApp') 
    head 
    title=title 
    link(rel='stylesheet' href='stylesheets/style.css') 
    link(rel='stylesheet' href='bower_components/bootstrap/dist/css/bootstrap.css') 
    script(type='text/javascript' src='javascripts/angular-1.3.0b7.min.js') 
    script(type='text/javascript' src='javascripts/pouchdb-2.1.0.min.js') 

    script(type="application/javascript" src="app/app.js") 
    script(type="application/javascript" src="app/controllers.js") 
    script(type="application/javascript" src="app/services.js")

但是，當我在我的索引中嘗試諸如1 + 2 = {{ 1 + 2 }}的簡單操作時，我沒有得到預期的結果。

我做錯了什麼？

謝謝！

來源

2014-05-04 ncohen

，如果我也不錯，問題是，你的控制器和服務之前加載的應用程序模塊，嘗試在HTML改變順序，把app.js底：

script(type="application/javascript" src="app/controllers.js") 
script(type="application/javascript" src="app/services.js") 
script(type="application/javascript" src="app/app.js")

來源

2014-05-04 09:16:36 Tomer

我認爲控制器不需要注入myApp模塊。

var TestCtrl = ['$scope', function ($scope, $) { 
    $scope.orderProp = 'text'; 
}};

在你的html代碼中，你可以使用ng-controller =「TestCtrl」來註冊它。

來源

2014-05-04 09:12:55 smallg

AngularJS模塊和子模塊實例

回答

相關問題