Question

我在理解yeoman的fullstack提供的套接字服务时遇到了一些麻烦。我提供了一个如何使用syncUpdate函数的示例，添加了modelPlace变量以了解函数的调用位置。

所以，这是一个伪工作空间模型

var working_spaceSchema = new Schema({
...
users: [],
todos: [{name:String,info:String,priority:Number,id:Number}],
chat: [{content:String,poster:String,creation:Date}],
...
});

以及我在角度控制器中调用套接字服务的方式：

$http.get('/api/works/' + $location.$$path.substr(7))
         .success(function(data) {
            $http.post('/api/works/' + $location.$$path.substr(7) + '/connexion', {type:0});
            $scope.chats = data;
            socket.syncUpdates('work', 'chat', $scope.chats, function(event, chat, chats) {
                $scope.chats = chats;
            });
        });

对于提醒，这是套接字服务文件。你可以看到modelPlace变量，它让我知道我必须从schema.post同步什么：

'use strict';

angular.module('yoyoApp')
   .factory('socket', function(socketFactory) {

// socket.io now auto-configures its connection when we ommit a connection url
var ioSocket = io(null, {
  // Send auth token on connection, you will need to DI the Auth service above
  // 'query': 'token=' + Auth.getToken()
});

var socket = socketFactory({
  ioSocket: ioSocket
});

return {
  socket: socket,

  /**
   * Register listeners to sync an array with updates on a model
   *
   * Takes the array we want to sync, the model name that socket updates are sent from,
   * and an optional callback function after new items are updated.
   *
   * @param {String} modelName
   * @param {Array} array
   * @param {Function} cb
   */


  // Should consider givin' $state.params.id to syncUpdates
  // check currentUser.state and trigger notification IF =/= from update current state
  syncUpdates: function (modelName, modelPlace, array, cb) {
    cb = cb || angular.noop;

    /**
     * Syncs item creation/updates on 'model:save'
     */

    socket.on(modelName + ':save', function (item) {
      var event = 'created';
      if (modelPlace == 'todo_list')
        array = item.todos;
      else if (modelPlace == 'chat')
        array = item.chat;        

      cb(event, item, array);

    });

    /**
     * Syncs removed items on 'model:remove'
     * JE CROIS QUE CE N'EST PAS NECESSAIRE
     */
    socket.on(modelName + ':remove', function (item) {
      var event = 'deleted';
      _.remove(array, {_id: item._id});
      cb(event, item, array);
    });
  },

  /**
   * Removes listeners for a models updates on the socket
   *
   * @param modelName
   */
  unsyncUpdates: function (modelName, modelPlace) {
    socket.removeAllListeners(modelName + ':save:' + modelPlace);
    socket.removeAllListeners(modelName + ':remove:' + modelPlace);
  }
};
});

添加到“ioSocket变量”问题中，我想知道我应该如何使用syncUpdate函数来考虑最佳实践（我的不是，显然......）。

谢谢你们！

Answer 1

＆＃34;到DI＆＃34;意味着使用依赖注入来获取Auth服务.Auth是Angular-Fullstack提供的另一项服务。只需在其中一个控制器的函数定义中包含对Auth的引用。例如：

angular.module('testSuiteUi2App')
    .controller('JobCtrl', function ($scope, Auth, socket) {
    $scope.myVar = 'Hello!';
}

我在跟踪您的代码时遇到了一些麻烦，但这是我认为您想要的socketUpdates调用。

socket.syncUpdates('chat', $scope.chats);

告诉系统您要同步一个名为$ scope.chats的数组＆＃39; chat＆＃39;型号。您也可以使用回调来执行此操作：

socket.syncUpdates('chat', $scope.chats, function(event, item, object) {
    $scope.chats = item;  // item contains the updated array
});

了解yeoman的fullstack中的套接字服务

1 个答案: