I want to store new data to the object but I’m having an error. Help will be much appreciated.
$scope.myLunch = [ {food: ‘Example’}];
$scope.myLunch = $localStorage.myLunch;
$scope.savelunch = function(id) {
$scope.myLunch.push({food: id });
$localStorage.myLunch = myLunch;
$scope.myLunch = $localStorage.myLunch;
};
What does the error say? try $localStorage.myLunch = $scope.myLunch
Nothing happens. The output of the expression is literally “{{myLunch}}”
What are you trying to do? Can you post the html?
I’m trying to store data inside the object myLunch.
{{myLunch}}
<h3><b>{{item.FoodName}}</b></h3>
<p>Calories: {{item.Calories}}</p>
<p>Fat: {{item.Fat}}</p>
<p>Protein: {{item.Protein}}</p>
<p>Carbohydrates: {{item.Carbohydrates}}</p>
</ion-item>
</ion-list>
<ion-list>
<ion-item ng-repeat="one in myLunch" class="item-text-wrap">
<h3><b>{{one.food}}</b></h3>
</ion-item>
</ion-list>
<button class="button-small button-full button-clear" ng-click="savelunch(addrecipe)">
Add Food
try
$scope.myLunch.push({'food': 'id'});
and is this $localStorage of ngStorage ?
@chocoholic
Instead of this
$scope.savelunch = function(id) {
$scope.myLunch.push({food: id });
$localStorage.myLunch = myLunch;
$scope.myLunch = $localStorage.myLunch;
};
Do this:
$scope.savelunch = function(id) {
$localStorage.myLunch.push({"food":"id"});
$scope.myLunch = $localStorage.myLunch;
};
if you already have object in local storage then directly push new entries to localstorage object.
This works. i am doing this
and key value pairs should be in double quotes