휴대 기기의 각도 데이터 저장

Question

현재 AngularJS로 제작 된 모바일 웹 애플리케이션을 제작 중입니다. 기본 기능은 간단한 ToDo의 앱과 비슷합니다. 항목 목록을 만들고 (ng-repeat 사용) 체크 표시된 항목을 표시하거나 목록에서 삭제합니다. 체크 된 항목이 별도의 ng-repeat 컨트롤러로 푸시됩니다.

내 현재 문제는 : 페이지를 새로 고침하거나 응용 프로그램을 닫으면 목록의 내용이 사라집니다. localtorage, IndexedDB, WebSQL, Cookies 또는 모바일 장치에서 가장 우수한 솔루션으로 ng-repeat 컨트롤러의 데이터를 저장할 수 있어야합니다.

몇 가지 해결책이 있습니다. Angular API의 $ cookies/$ cookieStore 모듈이 있습니다. prestistence.js를 기반으로하는 솔루션이 있습니다. 그러나 솔루션이 모바일, 크로스 디바이스에 가장 적합한 솔루션인지는 알 수 없습니다. 필자는 파이어 폭스 OS atm을 목표로하고 있지만, 앱을 특정 플래트 폼으로 제한하고 싶지는 않다.

조언 해 주셔서 감사합니다.

Answer 1

localstorage을 권장합니다. API는 간단하며 widely supported입니다.

Answer 2

데이터를 클라우드에 저장하려면 Firebase을 Angularfire과 함께 사용하는 것이 좋습니다. 몇분 만에 당신을 데려다 줄 것입니다. 이제 당신이해야 할 모든이에 중포 기지 URL을 결합한다

var myapp = angular.module('myapp', ['firebase']); 

:

<script src="https://cdn.firebase.com/v0/firebase.js"></script> 
<script src="angularFire.js" type="text/javascript"></script> 

그런 다음 당신은 당신의 각 응용 프로그램에 대한 종속성으로 중포 기지를 선언

먼저 당신은 중포 기지 및 AngularFire 포함 컨트롤러의 모델 :

myapp.controller('MyCtrl', ['$scope', 'angularFire', 
    function MyCtrl($scope, angularFire) { 
    var url = 'https://MyFirebaseURL.firebaseio.com/foo'; 
    $scope.foo = angularFire(url, $scope, 'foo'); 
    } 
]);