app.js
define(['angular', 'login', 'charts', 'routes'],
function(angular, login, charts, routes){
'use strict';
angular.module('app', [
login.name,
charts.name
...
])
.config(routes)
.constant('version', '???');
});
charts/index.js
define(['angular', 'pie', 'timeline', 'treemap', 'scatterplot', 'ChartMgrCtrl'],
function(angular, pie, timeline, treemap, scatterplot, ChartMgrCtrl){
'use strict';
return angular.module('app.charts', [
pie.name,
timeline.name,
treemap.name,
scatterplot.name
])
.controller('ChartMgrCtrl', ChartMgrCtrl);
});
charts/pie/index.js
define(['angular', 'PieChartDirective', 'PieChartController'],
function(angular,PieChartDirective, PieChartController){
'use strict';
return angular.module('app.charts.pieChart', [])
.directive('pieChart', pieChartDirective)
.controller('PieChartCtrl', pieChartController);
});
PieChartDirective.js
define([], function(){
'use strict';
return function PieChartDirective() {
return {
scope: {
chartData: '=',
isMaximized: '='
},
restrict: 'A',
controller: 'PieChartController',
link: function (scope, element, attrs) {
scope.el = element[0];
}
};
};
});
So:
index.js
with the module definition (angular.module
)I wonder