Skip to main content
replaced http://stackoverflow.com/ with https://stackoverflow.com/
Fonte Link

Partindo da ideia que os services são singletons (All Services are singletonsAll Services are singletons), se eu criar um service simples com variáveis "locais" e modifique essa em um controller, ao acessar esse valor em outro controller, ele deveria manter o valor, né?

Exemplo:

angular.module("app", []);
angular.module("app").service("service", function() {
  
  var _count = 0;
  
  this.incrementCount = function() {
      _count ++;
      console.log(_count);
  };
  
});

angular.module("app").controller("ctrl1", function($scope, service) {
  $scope.increment = function() {
      service.incrementCount();
   }
});

angular.module("app").controller("ctrl2", function($scope, service) {
   $scope.increment = function() {
      service.incrementCount();
   }
});
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
  
  <div ng-controller="ctrl1">
  
    <button ng-click="increment()" value="ctrl1" >Ctrl1 </button> 
    
  </div>

   <div ng-controller="ctrl2">
  
      <button ng-click="increment()" > Ctrl2 </button> 
     
  </div> 
  
</body>
</html>

Nesse exemplo, se analisar o console, ele incrementa o valor correto independente do controller que estiver, porém, no meu caso, acontece que eu só tenho um controller na pagina e quando vou para a próxima pagina (sem manter o template), esse valor reinicia em 0.

O modo em que faço pro sistema ir pra outra pagina é usando o objeto window: window.location.href = "views/player.html"

Faço desse modo porque minha aplicação roda em protocolo FILE e não consegui, pelo menos ainda, fazer de outro jeito, o que me impede de usar de templates (pelo menos não consegui usa-los).

Esse é mesmo o comportamento esperado?

Partindo da ideia que os services são singletons (All Services are singletons), se eu criar um service simples com variáveis "locais" e modifique essa em um controller, ao acessar esse valor em outro controller, ele deveria manter o valor, né?

Exemplo:

angular.module("app", []);
angular.module("app").service("service", function() {
  
  var _count = 0;
  
  this.incrementCount = function() {
      _count ++;
      console.log(_count);
  };
  
});

angular.module("app").controller("ctrl1", function($scope, service) {
  $scope.increment = function() {
      service.incrementCount();
   }
});

angular.module("app").controller("ctrl2", function($scope, service) {
   $scope.increment = function() {
      service.incrementCount();
   }
});
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
  
  <div ng-controller="ctrl1">
  
    <button ng-click="increment()" value="ctrl1" >Ctrl1 </button> 
    
  </div>

   <div ng-controller="ctrl2">
  
      <button ng-click="increment()" > Ctrl2 </button> 
     
  </div> 
  
</body>
</html>

Nesse exemplo, se analisar o console, ele incrementa o valor correto independente do controller que estiver, porém, no meu caso, acontece que eu só tenho um controller na pagina e quando vou para a próxima pagina (sem manter o template), esse valor reinicia em 0.

O modo em que faço pro sistema ir pra outra pagina é usando o objeto window: window.location.href = "views/player.html"

Faço desse modo porque minha aplicação roda em protocolo FILE e não consegui, pelo menos ainda, fazer de outro jeito, o que me impede de usar de templates (pelo menos não consegui usa-los).

Esse é mesmo o comportamento esperado?

Partindo da ideia que os services são singletons (All Services are singletons), se eu criar um service simples com variáveis "locais" e modifique essa em um controller, ao acessar esse valor em outro controller, ele deveria manter o valor, né?

Exemplo:

angular.module("app", []);
angular.module("app").service("service", function() {
  
  var _count = 0;
  
  this.incrementCount = function() {
      _count ++;
      console.log(_count);
  };
  
});

angular.module("app").controller("ctrl1", function($scope, service) {
  $scope.increment = function() {
      service.incrementCount();
   }
});

angular.module("app").controller("ctrl2", function($scope, service) {
   $scope.increment = function() {
      service.incrementCount();
   }
});
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
  
  <div ng-controller="ctrl1">
  
    <button ng-click="increment()" value="ctrl1" >Ctrl1 </button> 
    
  </div>

   <div ng-controller="ctrl2">
  
      <button ng-click="increment()" > Ctrl2 </button> 
     
  </div> 
  
</body>
</html>

Nesse exemplo, se analisar o console, ele incrementa o valor correto independente do controller que estiver, porém, no meu caso, acontece que eu só tenho um controller na pagina e quando vou para a próxima pagina (sem manter o template), esse valor reinicia em 0.

O modo em que faço pro sistema ir pra outra pagina é usando o objeto window: window.location.href = "views/player.html"

Faço desse modo porque minha aplicação roda em protocolo FILE e não consegui, pelo menos ainda, fazer de outro jeito, o que me impede de usar de templates (pelo menos não consegui usa-los).

Esse é mesmo o comportamento esperado?

erro de portugues
Fonte Link
Paulo Gustavo
  • 1,3mil
  • 10
  • 21

Partindo da ideia que os services são singletons (All Services are singletons), se eu criar um service simples com variáveis "locais" e modifique essa em um controller, ao acessar esse valor em outro controller, ele deveria manter o valor, né?

Exemplo:

angular.module("app", []);
angular.module("app").service("service", function() {
  
  var _count = 0;
  
  this.incrementCount = function() {
      _count ++;
      console.log(_count);
  };
  
});

angular.module("app").controller("ctrl1", function($scope, service) {
  $scope.increment = function() {
      service.incrementCount();
   }
});

angular.module("app").controller("ctrl2", function($scope, service) {
   $scope.increment = function() {
      service.incrementCount();
   }
});
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
  
  <div ng-controller="ctrl1">
  
    <button ng-click="increment()" value="ctrl1" >Ctrl1 </button> 
    
  </div>

   <div ng-controller="ctrl2">
  
      <button ng-click="increment()" > Ctrl2 </button> 
     
  </div> 
  
</body>
</html>

Nesse exemplo, se analisar o console, ele incrementa o valor correto independente do controller que estiver, porém, no meu caso, acontece que eu só tenho um controller na pagina e quando vou para a próxima pagina (sem manter o template), esse valor reinicia em 0.

O modo em que faço pro sistema ir pra outra pagina é usando o objeto window: window.location.href = "views/player.html"window.location.href = "views/player.html"

Faço desdedesse modo porque minha aplicação roda em protocolo FILE e não consegui, pelo menos ainda, fazer de outro jeito, o que me impede de usar de templates (pelo menos não consegui usa-los).

Esse é mesmo o comportamento esperado?

Partindo da ideia que os services são singletons (All Services are singletons), se eu criar um service simples com variáveis "locais" e modifique essa em um controller, ao acessar esse valor em outro controller, ele deveria manter o valor, né?

Exemplo:

angular.module("app", []);
angular.module("app").service("service", function() {
  
  var _count = 0;
  
  this.incrementCount = function() {
      _count ++;
      console.log(_count);
  };
  
});

angular.module("app").controller("ctrl1", function($scope, service) {
  $scope.increment = function() {
      service.incrementCount();
   }
});

angular.module("app").controller("ctrl2", function($scope, service) {
   $scope.increment = function() {
      service.incrementCount();
   }
});
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
  
  <div ng-controller="ctrl1">
  
    <button ng-click="increment()" value="ctrl1" >Ctrl1 </button> 
    
  </div>

   <div ng-controller="ctrl2">
  
      <button ng-click="increment()" > Ctrl2 </button> 
     
  </div> 
  
</body>
</html>

Nesse exemplo, se analisar o console, ele incrementa o valor correto independente do controller que estiver, porém, no meu caso, acontece que eu só tenho um controller na pagina e quando vou para a próxima pagina (sem manter o template), esse valor reinicia em 0.

O modo em que faço pro sistema ir pra outra pagina é usando o objeto window: window.location.href = "views/player.html"

Faço desde modo porque minha aplicação roda em protocolo FILE e não consegui, pelo menos ainda, fazer de outro jeito, o que me impede de usar de templates (pelo menos não consegui usa-los).

Esse é mesmo o comportamento esperado?

Partindo da ideia que os services são singletons (All Services are singletons), se eu criar um service simples com variáveis "locais" e modifique essa em um controller, ao acessar esse valor em outro controller, ele deveria manter o valor, né?

Exemplo:

angular.module("app", []);
angular.module("app").service("service", function() {
  
  var _count = 0;
  
  this.incrementCount = function() {
      _count ++;
      console.log(_count);
  };
  
});

angular.module("app").controller("ctrl1", function($scope, service) {
  $scope.increment = function() {
      service.incrementCount();
   }
});

angular.module("app").controller("ctrl2", function($scope, service) {
   $scope.increment = function() {
      service.incrementCount();
   }
});
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
  
  <div ng-controller="ctrl1">
  
    <button ng-click="increment()" value="ctrl1" >Ctrl1 </button> 
    
  </div>

   <div ng-controller="ctrl2">
  
      <button ng-click="increment()" > Ctrl2 </button> 
     
  </div> 
  
</body>
</html>

Nesse exemplo, se analisar o console, ele incrementa o valor correto independente do controller que estiver, porém, no meu caso, acontece que eu só tenho um controller na pagina e quando vou para a próxima pagina (sem manter o template), esse valor reinicia em 0.

O modo em que faço pro sistema ir pra outra pagina é usando o objeto window: window.location.href = "views/player.html"

Faço desse modo porque minha aplicação roda em protocolo FILE e não consegui, pelo menos ainda, fazer de outro jeito, o que me impede de usar de templates (pelo menos não consegui usa-los).

Esse é mesmo o comportamento esperado?

Fonte Link
Paulo Gustavo
  • 1,3mil
  • 10
  • 21

AngularJS - Um service não é "estático"?

Partindo da ideia que os services são singletons (All Services are singletons), se eu criar um service simples com variáveis "locais" e modifique essa em um controller, ao acessar esse valor em outro controller, ele deveria manter o valor, né?

Exemplo:

angular.module("app", []);
angular.module("app").service("service", function() {
  
  var _count = 0;
  
  this.incrementCount = function() {
      _count ++;
      console.log(_count);
  };
  
});

angular.module("app").controller("ctrl1", function($scope, service) {
  $scope.increment = function() {
      service.incrementCount();
   }
});

angular.module("app").controller("ctrl2", function($scope, service) {
   $scope.increment = function() {
      service.incrementCount();
   }
});
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
  
  <div ng-controller="ctrl1">
  
    <button ng-click="increment()" value="ctrl1" >Ctrl1 </button> 
    
  </div>

   <div ng-controller="ctrl2">
  
      <button ng-click="increment()" > Ctrl2 </button> 
     
  </div> 
  
</body>
</html>

Nesse exemplo, se analisar o console, ele incrementa o valor correto independente do controller que estiver, porém, no meu caso, acontece que eu só tenho um controller na pagina e quando vou para a próxima pagina (sem manter o template), esse valor reinicia em 0.

O modo em que faço pro sistema ir pra outra pagina é usando o objeto window: window.location.href = "views/player.html"

Faço desde modo porque minha aplicação roda em protocolo FILE e não consegui, pelo menos ainda, fazer de outro jeito, o que me impede de usar de templates (pelo menos não consegui usa-los).

Esse é mesmo o comportamento esperado?