내비게이션에서 Angular $ scope 유지

Question

여러 개의 컨트롤러가있는 Angular 앱이 있습니다. 나는 사용자가 다른 컨트롤러를 탐색하고 다시 돌아올 때에도 각 컨트롤러가 상태를 유지하기를 원합니다. 기본적으로 사용자가 앱을 완전히 탐색하거나 새로 고침하지 않는 한 사용자가 마지막으로 본대로 각보기를로드해야합니다.

나는 서비스를 사용하는 컨트롤러간에 상태를 공유하는 방법을 알고 있지만 이것은 내가 원하는 것이 아닙니다. 모든 컨트롤러에 대해 새로운 서비스를 만들거나 $rootScope에 모든 것을 넣을 수 있지만 잘못되었습니다.

이렇게하는 것이 바람직한 방법은 무엇입니까?

Answer 1

나는 지속적인 데이터를 $cookieStore에 저장하고 서비스에 캡슐화하여 쿠키에 대한 인터페이스가 실제로 기억되는 것을 피할 수 있습니다. 예를 들면 다음과 같습니다.

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

app.service('ticketService', function ($cookieStore) { 
    this.getTicket = function() { 
     var ticket = $cookieStore.get('currentTicket'); 
     // Check server for ticket? (additional business logic) 
     return ticket; 
    }; 

    this.setTicket = function (ticket) { 
     // Validate correct ticket? (additional business logic) 
     $cookieStore.set('currentTicket', ticket); 
    }; 
}); 

app.controller('ticketController', function ($scope, ticketService) { 
    var defaultTicket = { 
     name: '', 
     description: '' 
    }; 

    $scope.ticket = ticketService.getTicket() || defaultTicket; 

    $scope.$watch('ticket', function (oldValue, newValue) { 
     if (oldValue === newValue) { return; } 
     ticketService.setTicket(newValue); 
    }); 
});