2017.4.10
2017.5.26

ウィンドウサイズが変更された時に処理を実行する

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());
});

AngularJS】関連記事