Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 在angular JS中保存简单的用户输入_Angularjs - Fatal编程技术网

Angularjs 在angular JS中保存简单的用户输入

Angularjs 在angular JS中保存简单的用户输入,angularjs,Angularjs,我已经构建了这个简单的todo应用程序,但是它会在每次重置用户页面时重置数据,如何在页面刷新时将数据保存在检查表列表中,以便用户以后可以引用它?这可以在应用程序中完成,还是需要服务器数据库设置 var checkList = angular.module('checkList', []); checkList.filter('checkedItems', function () { return function (items, showComplete) { var resultAr

我已经构建了这个简单的todo应用程序,但是它会在每次重置用户页面时重置数据,如何在页面刷新时将数据保存在检查表列表中,以便用户以后可以引用它?这可以在应用程序中完成,还是需要服务器数据库设置

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 });
   }
     });
var checkList=angular.module('checkList',[]);
checkList.filter('checkedItems',函数(){
返回功能(项目,显示完成){
var resultar=[];
角度。forEach(项目、功能(项目){
如果(item.done==false | | showComplete==true){
结果推(项);
}
});
返回结果器;
}
});
checkList.controller('CheckListCtrl',函数($scope){
$scope.check={
用户:“吉姆”,
项:[{操作:“项1”,完成:false},
{操作:“item2”,完成:false},
{操作:“item3”,完成:false},
{操作:“项目4”,完成:false}]
};
$scope.incompleteCount=函数(){
var计数=0;
角度.forEach($scope.check.items,函数(item){
如果(!item.done){count++}
});
返回计数;
}
$scope.warningLevel=函数(){
返回$scope.incompleteCount()
<3?“标签成功”:“标签警告”;
}
$scope.addNewItem=函数(actionText){
$scope.check.items.push({action:actionText,done:false});
}
});
最简单的方法是:

要在浏览器的本地存储中保存数据:
localStorage.setItem('itemName',data)
,然后,要将其取回
localStorage.getItem('itemName',data)
最简单的方法是:


要在浏览器的本地存储中保存数据:
localStorage.setItem('itemName',data)
,然后,要将其检索回
localStorage.getItem('itemName',data)

看看Web存储:如果需要在异地持久保存数据库,可以使用数据库(例如:将数据保存到他们的帐户)。或者,为了简单地持久化该浏览器的数据,您可以利用本地存储/cookies。看看Web存储:如果需要在异地持久化数据库,您可以使用该数据库(例如:将数据保存到他们的帐户)。或者,为了简单地保存该浏览器的数据,您可以使用本地存储/cookies。对于angular and development,sI通常是新手,考虑到用户可以设置实际名称,我会使用“items”作为项目名称吗?对于angular and development,sI通常是新手,我会使用“items”吗作为项目名称,用户可以设置实际名称吗?