title: Show element after pageload with ng-show and $window.onload
body: <p>I have a mainController which looks like below. I want to display a div after the completed pageload with ng-show. My <code>$scope.windowLoaded</code> is true after pageload, but the div with ng-show doesn't appear.</p>
  
  <pre><code>angular.module('myApp')
    .controller('mainController', function ($scope, $window) {
  
      $scope.windowLoaded = false;
      console.log('loading completed: ' + $scope.windowLoaded);
      $window.onload = function() {
        $scope.windowLoaded = true;
        console.log('loading completed: ' + $scope.windowLoaded);
      };
  
    });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div ng-show="windowLoaded == true"&gt;
      Show this div after pageload succeeded.
  &lt;/div&gt;
  </code></pre>