0

angular-modules.js

/*
 * Example directory/file structure:
 *
 * app
 * |-- components/
 * |   └-- user-profile/
 * |       |-- user-profile.js
 * |       |-- user-profile-directives.js
 * |       └-- user-profile-services.js
 * └-- main.js
 *
 */

// user-profile.js

define([
  'angular',
  './user-profile-services.js',
  './user-profile-directives.js'
], 
function(angular, services, directives){
  
  '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'});
      }
    };

  }]);

});