更改不会自动显示在视图上（AngularJS更新）

Question

在我的ASP.Net/MVC应用程序中，我使用AngularJS来显示数据库中的记录列表。 当我更新记录时，在刷新页面之前，该记录不会在视图（html）中更新吗？

风景：

<tr ng-repeat="bu in bus">
  <td>{{bu.BU_Name}}</a></td>
  <td>{{bu.BU_Info}}</a></td>
  <th><a href="javascript:void(0)" ng-click="editItem(bu)">Del</a></th>
</tr>

JS：

$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");
    });
};

MVC控制器：

[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);
    }

因此，当我单击“编辑”时，除非刷新页面，否则名称不会在屏幕上更改！ 我怎样才能解决这个问题？

谢谢

Answer 1

我认为您需要为公共汽车设置手表-有关更多信息，请参见此处：

如何在AngularJS中使用$ scope。$ watch和$ scope。$ apply？