来自套接字的承诺不会在HTML上显示

Question

我正在基于Loopback和socket.io创建一个应用程序。我找到了一种从API同步获取值的方法，但是在获取那些承诺值时出现了问题。它们显示在日志中：

虽然我在客户端上使用此代码：

var socket = io.connect('http://localhost:3000');
socket.on('showitems', function(data) {
$('#showitems').html(data.showitems);
  console.log(data.showitems);

});

从服务器发出的信号是这样的：

.service('Item', function ($resource) {
  const Item = $resource('/api/Items');
  return Item;
})


.service('Handler', function () {
  return ($scope, cb) => {
    return function () {
      const args = arguments;
      $scope.$apply(() => {
        cb.apply(null, args);
      });
    };
  };
})



.controller('MainController', function ($scope, Handler, Item) {

  let socket;

  var entries = Item.query(function() {
    console.log(entries);
    socket.emit('showitems', entries);

  });


})

我的问题是我无法使用{{ showitems }}使其显示在HTML上没有任何显示。但它肯定会显示在日志中。

HTML是一个简单的表，我尝试将其放置在表外，一点也不运气。我应该如何做得更好？这样行得通吗？经过5个小时，我的猜测是我如何从Json-> HTML获得，因为日志正确显示了发射。帮助:(