Debuginfo

思考とアウトプット

AngularJSでwindowのresizeイベントでreloadする

ResponsiveのWeb appだとwindowリサイズ時に表示を切り替えたいときありますよね。 例えば、iPhoneを横で見たりとかすると画面が崩れるとか。 こんなときは、resize時にreloadすればいいと思います。そのコードはJQueryですが^^;

あとはこれをどこに置くかというと、全体に響く設定なのでrunに書きました。

angular.module('App', [
    'ngCookies',
.....
  ])
  .run(function(){
      // reload when window resize happens
      $(window).bind('resize', function(e){
        console.log('window resized..');
        this.location.reload(false); /* false to get page from cache */
      });
  })
  .config(function (...) {
....
  })

参考:http://www.sitepoint.com/jquery-refresh-page-browser-resize/