title: How to change value after delay by using angularjs?
body: <p>I created basic application based on <code>angularjs</code></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div ng-app="miniapp"&gt;
  &lt;div ng-controller="Ctrl"&gt;
      My name is 
      &lt;input type="text"/&gt;   
      Val: {{val}}
      &lt;br/&gt;
      &lt;button ng-disabled="val"&gt;Submit&lt;/button&gt;        
  &lt;/div&gt;    
  </code></pre>
  
  <p></p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>var app = angular.module('miniapp', []);
  
  var glob;
  function Ctrl($scope) {      
      glob = $scope;    
       $scope.val = false;
  
       window.setTimeout(function() {
              $scope.val = true;
          }, 3000);             
  }
  
   window.setTimeout(function() {
              glob.val = true;
          }, 3000); 
  </code></pre>
  
  <p>As you can see I try to change <code>val</code> to <code>true</code> after 3 sec by 2 ways but no one is working for me. Really strange. Did I miss something?</p>
  
  <p>Actually I try to change value after get response from Ajax, but suppose should be the same problem.</p>
  
  <p>Thanks,</p>
  
  <p>Here is my example:  <a href="http://jsfiddle.net/6uKAT/20/">http://jsfiddle.net/6uKAT/20/</a></p>