更新数据库记录时如何使用 $watch 查看更改

Question

关于如何在 UI 上显示我在数据库中所做的更改，我一直在做噩梦。我有这种情况，我需要选择某些标题，然后我将单击一个按钮来更改其状态。

问题是当我选择标题然后单击更改状态按钮时，它不会自动反映在 UI 上。这是我的更新功能。

$scope.updateTitleStatus = function(statusId, cp){
        ContentAssessmentService.updateSelectedTitles($scope.selectedTitles, statusId);
        $scope.selAll = !$scope.selAll;
        $scope.selectedTitles = [];
    };

这是我的服务。

this.updateSelectedTitles = function(selectedTitle, statusId){
    var self = this;
    _.forEach(selectedTitle, function(selectedTitle){
        ContentAssessmentFactory.updateSelectedTitleStatus(selectedTitle.id, statusId);
    });
};

这是我存储的所选标题的数组。

$scope.selectedTitles = [];

你能告诉我如何使用 $watch 功能吗？我不知道该怎么做。我已经这样做了，但它不起作用。

$scope.$watch(function($scope){
        return $scope.selectedTitles;
    }, function(newValue) {
        $scope.selectedTitles = newValue;
        console.log(newValue);
    });

当我点击更改状态按钮时，我只需要立即更新 UI 而无需刷新页面（这是我的最后一个选项，但我尽量不这样做）。

Answer 1

您将不得不使用轮询或 websocket 连接。 $watch 不会“监视”您的数据库。它监视通常绑定到视图的@scope 变量并对那里的更改做出反应。听起来您正在寻找更像meteor.js的东西，它保持打开的websocket，并在数据库从另一个客户端、后台进程等更改时动态更新视图。这些是完全不同的东西。要使用 Angular 实现这种行为，最简单的方法是增量轮询您的 api，并在 api 为您提供修改后的数据时以 Angular 更新模型。