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?