Add 'n' items to local storage (items are getting from json file)
up vote
0
down vote
favorite
I'm getting info from a json file, and i need to store some items on local storage.
This is my code to get the data from json file:
$scope.selection = "Selecciona una categoría";
$scope.filterAvailable = function(available){
var filteringBy = ;
$http.get('/app/json/file.json')
.then(function(data){
$scope.listOfProducts = data.data.products;
for(var i = 0; i< $scope.listOfProducts.length; i++){
if($scope.listOfProducts[i].available === true && $scope.listOfProducts[i].sublevel_id === $scope.inside){
filteringBy.push($scope.listOfProducts[i]);
}
}
$scope.dataOnFilter = filteringBy;
});
}
And with a ng-repeat, i show the info on my html view:
<ul>
<li ng-repeat="data in dataOnFilter"><a ng-click="selected(data)">{{data.name}}</a>
</ul>
Then, i catch the specific value and save on local storage by clicking on the <a>
tag with the next piece of code:
$scope.selected = function(y){
$scope.dataAdd = y;
localStorage.setItem('valid', JSON.stringify($scope.dataAdd));
}
If i want to see the selected info on a modal, just have to click on another button:
$scope.openCart = function(){
$scope.myItems = JSON.parse(localStorage.getItem('valid'));
$('#cart').modal({
show: true
});
}
Everything is perfect if i select one item, but, if i choose another, the info are rewrited. What i need is store all the selected items in the local storage.
Someone can help me, please?
I'm using AngularJs and Javascript.
javascript angularjs
add a comment |
up vote
0
down vote
favorite
I'm getting info from a json file, and i need to store some items on local storage.
This is my code to get the data from json file:
$scope.selection = "Selecciona una categoría";
$scope.filterAvailable = function(available){
var filteringBy = ;
$http.get('/app/json/file.json')
.then(function(data){
$scope.listOfProducts = data.data.products;
for(var i = 0; i< $scope.listOfProducts.length; i++){
if($scope.listOfProducts[i].available === true && $scope.listOfProducts[i].sublevel_id === $scope.inside){
filteringBy.push($scope.listOfProducts[i]);
}
}
$scope.dataOnFilter = filteringBy;
});
}
And with a ng-repeat, i show the info on my html view:
<ul>
<li ng-repeat="data in dataOnFilter"><a ng-click="selected(data)">{{data.name}}</a>
</ul>
Then, i catch the specific value and save on local storage by clicking on the <a>
tag with the next piece of code:
$scope.selected = function(y){
$scope.dataAdd = y;
localStorage.setItem('valid', JSON.stringify($scope.dataAdd));
}
If i want to see the selected info on a modal, just have to click on another button:
$scope.openCart = function(){
$scope.myItems = JSON.parse(localStorage.getItem('valid'));
$('#cart').modal({
show: true
});
}
Everything is perfect if i select one item, but, if i choose another, the info are rewrited. What i need is store all the selected items in the local storage.
Someone can help me, please?
I'm using AngularJs and Javascript.
javascript angularjs
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm getting info from a json file, and i need to store some items on local storage.
This is my code to get the data from json file:
$scope.selection = "Selecciona una categoría";
$scope.filterAvailable = function(available){
var filteringBy = ;
$http.get('/app/json/file.json')
.then(function(data){
$scope.listOfProducts = data.data.products;
for(var i = 0; i< $scope.listOfProducts.length; i++){
if($scope.listOfProducts[i].available === true && $scope.listOfProducts[i].sublevel_id === $scope.inside){
filteringBy.push($scope.listOfProducts[i]);
}
}
$scope.dataOnFilter = filteringBy;
});
}
And with a ng-repeat, i show the info on my html view:
<ul>
<li ng-repeat="data in dataOnFilter"><a ng-click="selected(data)">{{data.name}}</a>
</ul>
Then, i catch the specific value and save on local storage by clicking on the <a>
tag with the next piece of code:
$scope.selected = function(y){
$scope.dataAdd = y;
localStorage.setItem('valid', JSON.stringify($scope.dataAdd));
}
If i want to see the selected info on a modal, just have to click on another button:
$scope.openCart = function(){
$scope.myItems = JSON.parse(localStorage.getItem('valid'));
$('#cart').modal({
show: true
});
}
Everything is perfect if i select one item, but, if i choose another, the info are rewrited. What i need is store all the selected items in the local storage.
Someone can help me, please?
I'm using AngularJs and Javascript.
javascript angularjs
I'm getting info from a json file, and i need to store some items on local storage.
This is my code to get the data from json file:
$scope.selection = "Selecciona una categoría";
$scope.filterAvailable = function(available){
var filteringBy = ;
$http.get('/app/json/file.json')
.then(function(data){
$scope.listOfProducts = data.data.products;
for(var i = 0; i< $scope.listOfProducts.length; i++){
if($scope.listOfProducts[i].available === true && $scope.listOfProducts[i].sublevel_id === $scope.inside){
filteringBy.push($scope.listOfProducts[i]);
}
}
$scope.dataOnFilter = filteringBy;
});
}
And with a ng-repeat, i show the info on my html view:
<ul>
<li ng-repeat="data in dataOnFilter"><a ng-click="selected(data)">{{data.name}}</a>
</ul>
Then, i catch the specific value and save on local storage by clicking on the <a>
tag with the next piece of code:
$scope.selected = function(y){
$scope.dataAdd = y;
localStorage.setItem('valid', JSON.stringify($scope.dataAdd));
}
If i want to see the selected info on a modal, just have to click on another button:
$scope.openCart = function(){
$scope.myItems = JSON.parse(localStorage.getItem('valid'));
$('#cart').modal({
show: true
});
}
Everything is perfect if i select one item, but, if i choose another, the info are rewrited. What i need is store all the selected items in the local storage.
Someone can help me, please?
I'm using AngularJs and Javascript.
javascript angularjs
javascript angularjs
asked Nov 19 at 6:05
Chuck Villavicencio
12910
12910
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
You should store your data as an Array instead of Object. This function add selected value to an array named collection.
$scope.selected = function(y) {
$scope.dataAdd = y;
localStorage.collection = localStorage.collection || "";
var collection = JSON.parse(localStorage.collection);
collection.push($scope.dataAdd);
localStorage.collection = JSON.stringify(collection);
}
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
You should store your data as an Array instead of Object. This function add selected value to an array named collection.
$scope.selected = function(y) {
$scope.dataAdd = y;
localStorage.collection = localStorage.collection || "";
var collection = JSON.parse(localStorage.collection);
collection.push($scope.dataAdd);
localStorage.collection = JSON.stringify(collection);
}
add a comment |
up vote
1
down vote
accepted
You should store your data as an Array instead of Object. This function add selected value to an array named collection.
$scope.selected = function(y) {
$scope.dataAdd = y;
localStorage.collection = localStorage.collection || "";
var collection = JSON.parse(localStorage.collection);
collection.push($scope.dataAdd);
localStorage.collection = JSON.stringify(collection);
}
add a comment |
up vote
1
down vote
accepted
up vote
1
down vote
accepted
You should store your data as an Array instead of Object. This function add selected value to an array named collection.
$scope.selected = function(y) {
$scope.dataAdd = y;
localStorage.collection = localStorage.collection || "";
var collection = JSON.parse(localStorage.collection);
collection.push($scope.dataAdd);
localStorage.collection = JSON.stringify(collection);
}
You should store your data as an Array instead of Object. This function add selected value to an array named collection.
$scope.selected = function(y) {
$scope.dataAdd = y;
localStorage.collection = localStorage.collection || "";
var collection = JSON.parse(localStorage.collection);
collection.push($scope.dataAdd);
localStorage.collection = JSON.stringify(collection);
}
answered Nov 19 at 8:08
Hadi290
188214
188214
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53369128%2fadd-n-items-to-local-storage-items-are-getting-from-json-file%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown