ウィンドウサイズが変更された時に処理を実行する
AngularJSでウィンドウサイズが変更された時(window.resize)に処理を実行する方法です。
コード
HTMLは省略します。
var myApp = angular.module('exampleApp', []);
myApp.controller('exampleCtrl', function ($scope, $window) {
angular.element($window).bind('resize', function(){
alert("幅:" + $window.innerWidth + " 高さ:" + $window.innerHeight);
});
});
なお、jQueryだと以下のようなコードになります。
$(window).resize(function() {
alert("幅:" + $(window).innerWidth() + " 高さ:" + $(window).innerHeight());
});