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