Angular and Material Design Light

Question

I'm triyng to implement MDL in a simple Angular app. The issue is that even if I put the MDL javascript file before the angular javascript files MDL components that rely on MDL doesn't work.

This is my scripts order:

<script src="js/material.min.js"></script>
<script src="js/jquery.swipebox.min.js"></script>
<!-- load angular, ngRoute, ngAnimate -->
<script src="http://code.angularjs.org/1.2.13/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-route.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-animate.js"></script>
<script src="js/functions.js"></script>

How can I make other javascript libraries work with angular?

Answer 1

I found this and worked for me

 angular.module(...) .run(function($rootScope, $location, $timeout) { $rootScope.$on('$viewContentLoaded', function() { $timeout(function() { componentHandler.upgradeAllRegistered(); }); }); })