remove model from $rootScope

event based model update

js/controllers/serverCtrl.js

@@ -1,5 +1,6 @@
 var serverCtrl = function($scope, server, socket){
 	$scope.serverstate = 'Not Listening';
+	$scope.data = server.data;
 
 
 	$scope.listen = function (){
@@ -16,8 +17,19 @@ var serverCtrl = function($scope, server, socket){
 	$scope.sendResponse =  function(){
 		if ($scope.data.length > 0){
 			server.sendResponse($scope.acceptInfo);
+			$scope.data = [];
 		}
 	};
-
+
+	$scope.$on( 'Server.request', function( event, acceptInfo, request ) {
+		console.log(acceptInfo, request);
+		$scope.acceptInfo = acceptInfo;
+		$scope.data = request;
+		//registers the change in data
+		if(!$scope.$$phase) {
+			$scope.$apply();
+		}
+	});
 };
+
 serverCtrl.$inject = ['$scope', 'server', 'socket'];

js/services/server.js

@@ -1,7 +1,6 @@
 App.factory('server', function($rootScope, socket){
     //need to add helper functions for dealing with responses etc maybe should be another service.
   var socketInfo;
-  $rootScope.data = [];
 
   var stringToUint8Array = function(string) {
     var buffer = new ArrayBuffer(string.length);
@@ -22,6 +21,10 @@ App.factory('server', function($rootScope, socket){
   };
 
   var server = {
+
+    data: [],
+
+    acceptInfo: {},
 
     sendResponse: function (acceptInfo){
     var header = stringToUint8Array("HTTP/1.0 200 OK"+
@@ -32,31 +35,22 @@ App.factory('server', function($rootScope, socket){
         socket.write(acceptInfo.socketId, outputBuffer, function(writeInfo) {
          console.log("WRITE", writeInfo);
          socket.destroy(acceptInfo.socketId);
-         $rootScope.data = [];
-         if(!$rootScope.$$phase) { //this is used to prevent an overlap of scope digestion
-          $rootScope.$apply(); //this will kickstart angular to recognize the change
-        }
          socket.accept(socketInfo.socketId, server.onAccept);
         });
     },
 
     onAccept: function(acceptInfo) {
-      $rootScope.acceptInfo = acceptInfo;
+
       console.log("ACCEPT", acceptInfo);
       //  Read in the data
       socket.read(acceptInfo.socketId, function(readInfo) {
         console.log("READ", readInfo);
         // Parse the request.
 
         var request = arrayBufferToString(readInfo.data);
-        $rootScope.data = request;
+        console.log(request);
+        $rootScope.$broadcast( 'Server.request', acceptInfo, request );
         //parse data
-        console.log($rootScope.data);
-
-        if(!$rootScope.$$phase) { //this is used to prevent an overlap of scope digestion
-          $rootScope.$apply(); //this will kickstart angular to recognize the change
-        }
-
 
         //send response
       });