AngularJS + Material Design Lite para dispositivos móveis

Olá pessoal,

Para quem está tentando trabalhar com o Material Design Lite para dispositivos móveis, pode estar enfrentando alguns problemas de renderização de CSS’s. Eu não enfrentei esse problema testando diretamente no Chrome, ocorreu apenas no deploy de teste do aplicativo.

A solução para esses ajustes de comportamento dos elementos, é executar novamente o método upgradeAllRegistered do componentHandler do Material Design Lite.

Segue exemplo utilizado aqui:

var app = angular.module('app');

app.run(function ($rootScope) {
    $rootScope.$on('$viewContentLoaded', function upgradeAllRegistered() {
        componentHandler.upgradeAllRegistered();
    });
});

Com isso tudo deve voltar a funcionar perfeitamente ;)