Mean js - 实时显示更新

Question

我是 meanjs 的新手，我刚刚创建了一个用于添加产品的新模块。这些产品显示在主页中。但是主页中的显示没有更新 real time。我刚刚在一个选项卡中添加了新产品，而另一个选项卡中的产品列表需要刷新才能看到变化。在 real time 如何做到这一点？

编辑：

更新我的意思是，每当有新记录添加到数据库时，产品显示应该实时更新。现在我需要刷新页面才能看到新添加的产品。我的密码是

客户

        $http.get('/latestproducts').
          success(function(data, status, headers, config) {
            $scope.latestproducts = data;
          })

服务器

exports.getlatestProducts = function(req, res) {
    Product.find().sort('-created').populate('user', 'displayName').exec(function(err, products) {
        if (err) {
            return res.status(400).send({
                message: errorHandler.getErrorMessage(err)
            });
        } else {
            res.jsonp(products);
        }
    });

Answer 1

如果您指的是浏览器选项卡，mean.js 不会满足您的要求。您可以使用套接字通知服务器已进行更改，然后将消息广播到所有活动选项卡以刷新数据。您也可以尝试 window.blur/window.focus 事件来重新加载数据。

如果您在同一页面上有产品列表和产品表格，您有 2 个选项：

在您保存产品并从服务器收到成功消息后，将保存的项目添加到本地 collection。
更新本地 collection（从服务器获取 objects 的列表）在您保存产品并从服务器收到成功消息后。

Answer 2

我刚刚发布angular-socket-resource。使用服务而不是手动执行 http 请求后，您可以使用它来自动侦听 socket.io 更新，这些更新将更新您的本地数据。

Mean js - 实时显示更新

Mean js - display updates in real time

javascript

meanjs