Socket.io和$ scope。$ apply（）

Question

我正在嘗試使用angular-fullstack構建一個實時投票應用程序。除了當我收到投票時，我的所有工作都有效，我的百分比不會更新。我已經確定我需要調用$ scope。$ apply（）以便讓Angular更新視圖，但我不確定如何使用angular-fullstack提供的socket.service.js來做到這一點。我在下面包括角度全堆棧工廠。我不確定是否在我的控制器中調用$ scope。$ apply（）會有所作爲。我試圖將它稱爲我的socket.io函數的回調函數，但它似乎沒有什麼區別。我對MEAN和socket一般都很陌生，所以我很感激這個幫助。

謝謝！

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

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

    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 
     */ 
     syncUpdates: function (modelName, array, cb) { 
     cb = cb || angular.noop; 

     /** 
     * Syncs item creation/updates on 'model:save' 
     */ 
     socket.on(modelName + ':save', function (item) { 
      var oldItem = _.find(array, {_id: item._id}); 
      var index = array.indexOf(oldItem); 
      var event = 'created'; 

      // replace oldItem if it exists 
      // otherwise just add item to the collection 
      if (oldItem) { 
      array.splice(index, 1, item); 
      event = 'updated'; 
      } else { 
      array.push(item); 
      } 
      cb(event, item, array); 
     }); 

編輯
這裏是我的控制器：

'use strict'; 

angular.module('pollv1App') 
    .controller('VisualizeCtrl', function ($scope, $http, socket) { 

    $scope.votes = []; 
    $scope.totalVotes = 0; 

    $scope.resetVotes = function(){ 
     $http.get('/api/keywords/reset'); 
     $scope.votes = []; 
     console.log('reset: ' + $scope.votes); 
    }; 

    $http.get('/api/keywords').success(function(keywords){ 
     $scope.keywords = keywords; 
     socket.syncUpdates('keyword', $scope.keywords); 
     socket.syncUpdates('sms', $scope.votes, function(){ 
     $scope.$apply(); 
     }); 
    }); 

    $http.get('/api/sms').success(function(smss){ 
     $scope.votes = smss; 
    }); 
    }); 

Answer 1

最後，我從使用控制器和Socket拿到票的總數使用自定義過濾器改變。這樣，我不必擔心更新我的範圍。我從這篇文章中得到了這個想法：Increment A Variable In AngularJS Template。