AngularJS - Steuerungsvariable, die nicht von einer Servicefunktion aktualisiert

Question

Ich habe diese Variable, die von der Factory gesteuert wird und den Controller zu aktualisieren, aber es ist nicht passiert.

Hier ist, was ich habe:

var app = angular.module('plunker', []); 

app.controller('AppController', function($scope, AppFactory) { 
    var vm = this; 

    $scope.serverStatus = AppFactory.getStatus(); 
}); 

app.factory('AppFactory', function($timeout) { 

    var AppFactory = {}; 
    var vm = this; 
    vm.serverStatus = true; 

    // Execute after 2 seconds of page start 
    $timeout(function() { 
    AppFactory.setStatus(false); 
    }, 2000); 

    AppFactory.setStatus = function(status) { 
    console.log('Server set to ' + status); 
    vm.serverStatus = status; 

    // Getting server status = false 
    AppFactory.getStatus(); 
    }; 


    AppFactory.getStatus = function() { 
    console.log('Getting server status: ' + vm.serverStatus); 
    return vm.serverStatus; 
    }; 

    return AppFactory; 
}); 

LIVE-Plunker DEMO: https://plnkr.co/edit/62xGw7Klvbywp9TODWF4?p=preview

Glauben Sie, die Richtlinien besser zwischen einer Fabrik und Controller mit 2-Wege-Kommunikation funktionieren würde?

Answer 1

prüfen diese bearbeitet die plunkr https://plnkr.co/edit/z6tdr5?p=preview

var app = angular.module('plunker', []); 

app.controller('AppController', function($scope,$timeout, AppFactory) { 
    var vm = this; 

    $timeout(function() { 
    AppFactory.setStatus(false); 
    $scope.serverStatus = AppFactory.getStatus(); 
    }, 2000); 

    $scope.serverStatus = AppFactory.getStatus(); 
}); 

app.factory('AppFactory', function($timeout) { 

    var AppFactory = {}; 

    var serverStatus = true; 

    // Execute after 2 seconds of page start 


    return { 
     getStatus: function() { 

      //console.log('Getting server status: ' + vm.serverStatus); 
      return serverStatus; 
     }, 
     setStatus : function(status) { 
      var vm = this; 
     console.log('Server set to ' + status); 
     serverStatus = status; 

     // Getting server status = false 
     vm.getStatus(); 
    } 
    }; 
}); 

Answer 2

Hier ist eine Lösung, die Ereignisse verwendet, zum Beispiel:

app.controller('AppController', function($scope, AppFactory) { 
    var vm = this; 

    $scope.$on('messageOne', function(event, data){ 
    console.log(data); 
     $scope.serverStatus = data; 
     $scope.$apply(); //I think $apply() is not needed here! 
    }); 

    $scope.serverStatus = AppFactory.getStatus(); 


}); 

app.factory('AppFactory', function($timeout, $rootScope) { 

    var AppFactory = {}; 
    var vm = this; 
    vm.serverStatus = true; 

    // Execute after 2 seconds of page start 
    $timeout(function() { 
    AppFactory.setStatus(false); 
    }, 2000); 

    AppFactory.setStatus = function(status) { 
    console.log('Server set to ' + status); 
    vm.serverStatus = status; 

    // Getting server status = false 
    //AppFactory.getStatus(); 

    $rootScope.$broadcast('messageOne', status); 
    }; 


    AppFactory.getStatus = function() { 
    console.log('Getting server status: ' + vm.serverStatus); 
    return vm.serverStatus; 
    }; 

    return AppFactory; 
}); 

https://plnkr.co/edit/pARMnE3Wl0OeJezKuvLT?p=info