angularjs - Saving simple user input in angular JS -

i have built simple todo app, resets data every time users page reset, how can save data in checklist list upon page refresh user can reference later? can done within app or need server database setup?

var checklist = angular.module('checklist', []);  checklist.filter('checkeditems', function () { return function (items, showcomplete) {     var resultarr = [];     angular.foreach(items, function (item) {         if (item.done == false || showcomplete == true) {             resultarr.push(item);         }     });     return resultarr; } });  checklist.controller('checklistctrl', function($scope){ $scope.check = { user: "jim", items: [ {action: "item1", done: false }, {action: "item2", done: false }, {action: "item3", done: false }, {action: "item4", done: false }]    };     $scope.incompletecount = function () {        var count = 0;        angular.foreach($scope.check.items, function (item) {            if (!item.done) { count++ }        });        return count;    }    $scope.warninglevel = function () {        return $scope.incompletecount()        < 3 ? "label-success" : "label-warning";    }    $scope.addnewitem = function (actiontext) {        $scope.check.items.push({ action: actiontext, done: false });    }      }); 

the easiest way is:

to save data in browser's local storage: localstorage.setitem('itemname', data) , then, retrieve localstorage.getitem('itemname', data)