xcarpentier

/* Recommandé */

// le controller appelle le service de données
angular
    .module('app.avengers')
    .controller('Avengers', Avengers);

Avengers.$inject = ['dataservice', 'logger'];

function Avengers(dataservice, logger) {

xcarpentier

/* Recommandé */

// service de données
angular
    .module('app.core')
    .factory('dataservice', dataservice);

dataservice.$inject = ['$http', 'logger'];

function dataservice($http, logger) {

xcarpentier

/* Recommandé */
activate();

function activate() {
    /**
     * Etape 1
     * Demande les données et attend la promesse
     */
    return getAvengers().then(function() {
      /**

xcarpentier

/** 
 * A éviter 
 */
 
angular
  .module('app.widgets')

  /* directive de commande qui est propre au module de commande */
  .directive('orderCalendarRange', orderCalendarRange)

xcarpentier

 <!-- À éviter -->
 <div class="my-calendar-range"></div>

xcarpentier

 <!-- Recommandé -->
<my-calendar-range></my-calendar-range>
<div my-calendar-range></div>

xcarpentier

<div my-example max="77"></div>

xcarpentier

/* A éviter */
function Avengers(dataservice) {
    var vm = this;
    vm.avengers = [];
    vm.title = 'Avengers';

    dataservice.getAvengers().then(function(data) {
        vm.avengers = data;
        return vm.avengers;
    });

xcarpentier

/* A éviter */
angular
  .module('app')
  .controller('Avengers', Avengers);

function Avengers (movieService) {
  var vm = this;
  // unresolved
  vm.movies;
  // resolved asynchronously

xcarpentier

/* A éviter - incompatible avec la minification */
angular
.module('app')
.controller('Dashboard', Dashboard);

function Dashboard(common, dataservice) {
}

/* A éviter - résultat à la minification */
angular.module('app').controller('Dashboard', d);function d(a, b) { }