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

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

Answer 2

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

如果您在同一页面上有产品列表和产品表单，您有两种选择：

• 在您保存产品并从服务器接收到成功消息后，将保存的项目添加到您的本地集合中。

• 保存产品并从服务器接收成功消息后更新本地集合（从服务器获取对象列表）。