How to Fix the problem with the AngularJS + MDL thats not fire the event input when data is loaded using a external resource with $http ou $resource

ngModelDirective.js

(function() {

    var yourModuleName = angular.module("modules.yourModuleName");

    yourModuleName.directive('ngModel', function() {
        return {
            restrict: 'A',
            priority: -1,
            link: function(scope, element, attr) {

                // Hack to fire the change event when the model
                // receives an update of value form an api by example..
                // Warning: Not remove this directive when using the Material Design Lite
                scope.$watch(attr.ngModel, function(value) {
                    if (attr.type === 'text' || attr.type === 'number' || attr.type === 'email') {
                    
                        // https://github.com/cekurte/javascript-event-dispatcher
                        var dispatcher = new EventDispatcher(element[0]);

                        dispatcher
                            .dispatch('change')
                            .dispatch('input')
                        ;
                    }
                });
            }
        };
    });

})();