angular.js: मॉडल अपडेट दृश्य अपडेट को ट्रिगर नहीं करता है

Question

मैं वर्तमान में वेब आधारित ट्विटर क्लाइंट पर काम कर रहा हूं और इसलिए मैंने angular.js, node.js और socket.io का उपयोग किया। मैं अपने क्लाइंट को socket.io के माध्यम से नई ट्वीट्स दबाता हूं, जहां एक सेवा नई ट्वीट्स के लिए प्रतीक्षा करती है। जब कोई नया ट्वीट आता है, तो सेवा $ प्रसारण के माध्यम से एक ईवेंट भेजती है।

मेरे नियंत्रक में एक ईवेंट श्रोता है, जहां आने वाली ट्वीट्स को एक अलग समारोह में संसाधित किया जा रहा है। यह फ़ंक्शन बस मेरे ट्वीट स्कोप में नए ट्वीट को धक्का देता है।

अब, मेरी समस्या यह है कि मेरा विचार अपडेट नहीं हो रहा है, लेकिन मैं अपना दायरा बढ़ रहा हूं। हो सकता है कि आप में से कोई एक विचार हो, मैं इसे कैसे हल कर सकता हूं?

अतिरिक्त मेरी कोड:

सेवा:

(function() { 
    app.factory('Push', ['$rootScope', function ($rootScope) { 
     socket.on('new-tweet', function (msg) { 
      $rootScope.$broadcast('new-tweet', msg); 
     }); 
    }]); 
}()); 

नियंत्रक:

(function() { 
    app.controller("StreamCtrl", function StreamCtrl ($scope, $rootScope, $http, Push) { 
     $scope.tweets = []; 

     $http 
      .get('/stream') 
      .then(function (res) { 
       $scope.tweets = res.data; 
      }); 

     $scope.addTweet = function (data) { 
      $scope.tweets.push(data); 
      console.log($scope.tweets); 
     }; 

     $rootScope.$on('new-tweet', function (event, data) { 
      if (!data.friends) { 
       $scope.addTweet(data); 
      } 
     }); 
    }); 
}()); 

पूरी परियोजना यहाँ है: https://github.com/hochitom/node-twitter-client

Answer 1

addTweet और में कोड की रेखा से नीचे जोड़ा जा रहा है समस्या हल हो जाएगी

$scope.addTweet = function (data) { 
      $scope.tweets.push(data); 
      $scope.$apply(); 
      console.log($scope.tweets); 
     }; 

Answer 2

मैं $apply के बजाय $timeout उपयोग करने के लिए (मत भूलना अपने नियंत्रक को इसकी सुई) पसंद करते हैं:

app.controller("StreamCtrl", function StreamCtrl ($scope, $timeout $rootScope, $http, Push) { 

    //... 

    $scope.addTweet = function (data) { 
     $timeout(function() { 
      $scope.tweets.push(data); 
      console.log($scope.tweets); 
     }); 
    }; 

    //... 

});