Evento di modifica dell'orientamento della finestra in Angular

Question

C'è un modo per chiamare l'evento orientationchange all'interno di una direttiva AngularJS?

Attualmente sto lavorando con angular-masonry e sto cercando di aggiornare/aggiornare muratura quando l'orientamento del dispositivo mobile cambia.

ho trovato questo, ma mi chiedo come fare questo con il servizio $ finestra all'interno angolare

window.addEventListener("orientationchange", function() { 
    // Announce the new orientation number 
    console.log(window.orientation); 
}, false); 

Answer 1

angular.element($window).bind('orientationchange', function() { 

}); 

Answer 2

ho implementato in questo modo:

$window.addEventListener('orientationchange', function() { 
    your code here 
}, false); 

Cosa fare tu pensi?

I commenti sono benvenuti.

Answer 3

Spero che questo aiuti. Allega direttiva come attr, al corpo. Testato con IPhone 5.

'use strict'; 

angular.module('appModuleNameHere') 
    .directive('DirPrefixNameOrientationChange', ['$rootScope',function ($state) { 
    return { 
     restrict: 'A', 
     replace: true, 
     link: function postLink($scope, element, attrs) { 

      element.bind('orientationchange', function() { 
       $state.go($state.current, {}, {reload: true}); 
      }); 

     } 
    }; 
}]);