angular module pattern example

angular-modules.js

// user-profile-controller.js

define([
  'angular',
  'components/userProfile/user-profile-factory.js',
  'components/userProfile/user-profile-directives.js',
], 
function(){
  
  'use strict';

  var module = angular.module('userProfile.module', ['userProfile.directives', 'userProfile.factory']);

  module.controller('userProfileController', ['$scope', 'userProfileDirectives', 'userProfileFactory', function($scope, userProfileDirectives, userProfileFactory){

    $scope.userfunctionthings() {
      ...
    }

  }]);

});


// user-profile-directives.js

define([
  'angular',
  'common/other-directive'
],
function(){
  
  'use strict';

  var module = angular.module('userProfile.directives' ['common.other-directive']);

  module.directive('userProfileNav', [ function(){
    return {
      
      // directive definition
      ...
    };

  }]);

});

// user-profile-factory.js

define([
  'angular',
  'ng-resource'
],
function(){

  'use strict';

  var module = angular.module('userProfile.factory', ['ngResource']);
  
  var module.factory('userProfileFactory', ['$resource', function($resource){

    return {
      getUser: function() {
        return $resource('api/user/:id', {id: '@id'});
      }
    };

  }]);

});