title: Why AngularJS ng-bind does not update the view
body: <p>Why this little angular module can't update the view when the <code>ng-bind</code> property is changed?</p>
  
  <pre><code>&lt;body ng-app="bindExample"&gt;
  
  &lt;script&gt;
    angular.module('bindExample', [])
      .controller('ExampleController', ['$scope', function($scope) {
        var vm = this;
        vm.name = 'Whirled';
        window.setInterval(function(){ vm.name = 'Jon';}, 5000);
      }]);
  &lt;/script&gt;
  
  &lt;div ng-controller="ExampleController as vm"&gt;
      Hello &lt;span ng-bind="vm.name"&gt;&lt;/span&gt;!
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I'm expecting that after 5 seconds the output changes <code>Hello Jon</code> by it stays at <code>Hello Whirled</code>. Why is this? Do I need to do anything else?</p>