Postagens

Mostrando postagens de Janeiro, 2015

Lazy load no Angular using Jquery

Fala galera, estou fazendo uma nova versão do portal da empresa usando angularjs e estava com bastante dificuldade de utilizar o padrão Lazy load no angular, identifiquei diversas soluções utilizando RequireJS e ocLazyLoad, mas achei muito código e complicado a forma de fazer então depois de ler a documentação do $routeProvider identifiquei que tinha a opção 'resolve', que executa um objeto que tem uma função antes da renderização da route, com isso pode utilizar a função do jquery, para dar um load no  controller antes da renderização da tela utilizando o comando '$.getScript()'.

Vamos ao exemplo para melhor entendimento.

app.js
/*Criação do Módulo*/ angular.module('app', ['ngRoute']); app.config(['$routeProvider', '$controllerProvider', function($routeProvider, $controllerProvider){ /*Criação de uma forma mais sintetizada do service do $controllerProvider.register*/ app.registerCtrl = $controllerProvider.register; …