title: Changes don't automatically appear on the view (AngularJS update)
body: <p>In my ASP.Net/MVC application, I am using AngularJS to display a list of records from the database. When I update a record, it doesn't get updated in the view (html) until I refresh the page?</p>
  
  <p>The view:</p>
  
  <pre><code>&lt;tr ng-repeat="bu in bus"&gt;
    &lt;td&gt;{{bu.BU_Name}}&lt;/a&gt;&lt;/td&gt;
    &lt;td&gt;{{bu.BU_Info}}&lt;/a&gt;&lt;/td&gt;
    &lt;th&gt;&lt;a href="javascript:void(0)" ng-click="editItem(bu)"&gt;Del&lt;/a&gt;&lt;/th&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The JS:</p>
  
  <pre><code>$scope.editItem= function (bu) {
      $http.post('/CO/DelBU', {dbunt: bu})
      .then(function (response) {
          $scope.bus = response.data;
      })
      .catch(function (e) {
          console.log("error", e);
          throw e;
      })
      .finally(function () {
          console.log("This finally block");
      });
  };
  </code></pre>
  
  <p>The MVC controller:</p>
  
  <pre><code>[HttpPost] 
      public JsonResult DelBU(BUs dbunt)
      {
          var db = new scaleDBEntities(); 
          var burecord = db.Buses.Find(dbunt.BU_ID);
          db.Database.ExecuteSqlCommand("UPDATE dbo.BUs SET BU_Name='just a test'");
          var burecords = db.Buses.ToList();
          return Json(burecords, JsonRequestBehavior.AllowGet);
      }
  </code></pre>
  
  <p>So, when I click on edit, the name doesn't change on the screen unless I refresh the page! How can I fix this?</p>
  
  <p>Thank you</p>