Criando um controller com Angular.JS utilizando padrões

Olás, hoje vamos ver como criar um Controller no Angular.JS utilizando styleguide criado pelo John Papa.

Vamos lá, o primeiro passo é iniciarmos o arquivo utilizando o Immediately Invoked Function Expression (IIFE), ele garante que as variáveis fique apenas no escopo utilizado cuidando para que não aconteça colisões de variáveis. Para isso colocamos o código abaixo:

(function(){
    //conteúdo aqui
})();

Feito isso, criamos o controller, efetivamente:

angular.module('app.seriado').controller('SeriadosCtrl', SeriadosCtrl);

Na única linha acima, setamos o controller SeriadosCtrl no angular module com a function SeriadosCtrl, o código ficará mais completo, com o exemplo abaixo:

(function() {
    /**
     * Controller do seriados.
     */
angular.module('app.seriado').controller('SeriadosCtrl', SeriadosCtrl);

    SeriadosCtrl.$inject = ['$location', 'SeriadoService','$modal'];

    function SeriadosCtrl($location, SeriadoService, $modal) {
    
    }
})();

Nas linhas acima temos o complemento da criação de um controller e ainda utilizamos a injeção de dependências no controller, pra isso utilizamos o .$inject = , lembrando que a ordem das dependências e a assinatura da function (SeriadosCtrl) devem ser as mesmas.

Não sei dizer quanto a desempenho, mas quanto a legibilidade de código, fica muito melhor utilizando o styleguide.

Bom, é isso ai, espero que possa ajudar. Até o próximo tuto de Angular.JS.

Abraços.