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 <function_name>.$inject = <dependências>, 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.