title: Angularjs $scope variables not updating in view
body: <p>I'm new to Angularjs and im trying to update two $scope variables in two seperate functions which are called on ng-click.</p>
  
  <p>Even though the variables update, they wont rebind in the view.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div ng-app=""&gt;
  &lt;div ng-controller="MainCtrl"&gt;
       &lt;p&gt; &lt;a href="#" ng-click="getDetails();getElse()"&gt;Refresh&lt;/a&gt; &lt;/p&gt;
      &lt;p ng-controller="MainCtrl"&gt;&lt;span ng-bind="something"&gt;&lt;/span&gt;&lt;/p&gt;
         &lt;p ng-controller="MainCtrl"&gt;&lt;span ng-bind="somethingelse"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong>
      function MainCtrl($scope) {</p>
  
  <pre><code>$scope.something = "something";
  $scope.somethingelse = "else";
  
  $scope.getDetails = function () {
       alert("getdetails before change: "+$scope.something);
      $scope.something = 'changed';
      alert("getdetails: "+$scope.something);
  };
  
  $scope.getElse = function () {
      alert("getElse before change: "+$scope.somethingelse);
      $scope.somethingelse = 'changed';
      alert("getElse: "+$scope.somethingelse);
      };
  
  }
  </code></pre>
  
  <p>I've created a fiddle to show you what i mean: <a href="http://jsfiddle.net/M3pZ8/" rel="nofollow">http://jsfiddle.net/M3pZ8/</a></p>
  
  <p>can anyone tell me what is the correct way to do this?</p>
  
  <p>Thanks in advance.</p>