Single Responsibility

ou Responsabilidade Única

Regra nº 1

  • Defina um componente por arquivo.

    O exemplo seguinte define um módulo app e suas dependências, define um controller e define uma factory, todos no mesmo arquivo.

    /* evite */
    angular
        .module('app', ['ngRoute'])
        .controller('SomeController' , SomeController)
        .factory('someFactory' , someFactory);
    
    function SomeController() { }
    
    function someFactory() { }
    

    Os mesmos componentes agora estão separados em seus próprios arquivos.

    /* recomendado */
    
    // app.module.js
    angular
        .module('app', ['ngRoute']);
    
    /* recomendado */
    
    // someController.js
    angular
        .module('app')
        .controller('SomeController' , SomeController);
    
    function SomeController() { }
    
    /* recomendado */
    
    // someFactory.js
    angular
        .module('app')
        .factory('someFactory' , someFactory);
    
    function someFactory() { }
    

    De volta ao topo