सर्वर से वेबसाईट डेटा धक्का के बाद Angularjs मॉडल परिवर्तन

Question

मैं सर्वर से वेबशॉट पुश के बाद अपना कोणीय मॉडल बदलने की कोशिश कर रहा हूं। प्रत्येक बार जब सर्वर नए डेटा परोसता है तो $scope.contacts जैसे मानों को बदलना संभव है ..?

मुझे यकीन नहीं है कि $apply का उपयोग करके यह संभव है। मुझे पता है कि मैं डोम तत्व को दायरे को पुनः प्राप्त कर सकता हूं और फिर मानों को बदल सकता हूं, लेकिन एक बेहतर समाधान होना चाहिए!

मैं कोणीय मॉड्यूल बनाने के बिना बाहर से कोणीय मॉडल को अद्यतन करने के लिए एक समाधान में वास्तव में रूचि रखता हूं क्योंकि मैं सापेक्ष डेटा स्रोतों का उपयोग कर रहा हूं जो परिवर्तन घटनाओं को उत्सर्जित करते हैं।

function MyController($scope) { 
    $scope.contacts = []; 
} 

datasource changed -> function() { 
    MyController.set('contacts', 'value'); // change angular scope property 
} 

Answer 1

देखो:

angular.module('app') 
    .factory('socket', ['$rootScope', function ($rootScope) { 

    var socket = io.connect(); 

    return { 
     on: function (eventName, callback) { 
     socket.on(eventName, function() { 
      var args = arguments; 
      $rootScope.$apply(function() { 
      callback.apply(socket, args); 
      }); 
     }); 
     }, 
     emit: function (eventName, data, callback) { 
     socket.emit(eventName, data, function() { 
      var args = arguments; 
      $rootScope.$apply(function() { 
      if (callback) { 
       callback.apply(socket, args); 
      } 
      }); 
     }) 
     } 
    }; 

    }]); 

और इसे का उपयोग नियंत्रक:

angular.module('app') 
    .controller('Controller', ['$scope', 'socket', function ($scope, socket) { 

    socket.emit('register') 

    socket.on('register', function (data) { 
     $scope.data = data; 
    }); 

}]); 

Answer 2

सिर्फ

नीचे

socket.onmessage = function (event) { 
    scope.$apply(function(){ 
     // modify scope values here 
    } 
    }; 

है जैसे कि यह कार्य करें:

var book = new Backbone.Model({ title: 'value' }); 
book.set("title", "A Scandal in Bohemia"); 

क्या मैं AngularJS में चाहते हैं कुछ की तरह है: वहाँ तुम कहाँ कह सकते हैं कि ऐसा करने के लिए Backbone.js में की तरह कोई आसान तरीका है socket.io कोणीय सेवा में

Answer 3

ठीक है, उल्लेखनीय जवाब निश्चित रूप से एक "आसान तरीका" के रूप में ओ पी द्वारा अनुरोध नहीं है। यहां एक बहुत आसान समाधान है।

गुंजाइश भी आप अपने खुद के जावा स्क्रिप्ट कोड में चाहते प्राप्त करें:

var scope = angular.element($("#elementID")).scope(); 

बदलें अपने कोणीय $scope वेरिएबल में मान, लेकिन अपने बाह्य JavaScript से:

scope.$apply(function() { 
    scope.yourArrayForExample.push({name: 'New, external value'}); 
}); 

यहाँ एक JSFiddle है।