Moving from object array in one tab to another in another tab?


#1

I manage to move one object from one object array to another object array, but when I try to do an ng-repeat on the other object array in another tab nothing happens. Do I have to manually get it to loop trough the object array or something?

This is the code for the tab where the user can move the object:

<ion-content>
    <ion-list show-delete="data.showDelete">
        <ion-item class="item item-thumbnail-left item-remove-animate" ng-repeat="item in storedItems" href="#">
            <ion-delete-button class="ion-minus-circled" ng-click="storedItems.splice($index, 1)">
            </ion-delete-button>
            <img src="{{item.pic}}">
            <b><h2>{{item.name}}</h2></b>
            <b><h2>{{item.amount}}</h2></b>
            <button id="addButton" class="button button-icon icon ion-ios-plus-outline verticAlign" ng-click="moveToItems(item)">
            </button>
        </ion-item>
    </ion-list>
</ion-content>

This is the code for the tab that will loop through the array and show it in a list with ng-repeat:

<ion-content>

    <ion-list show-delete="data.showDelete">
        <ion-item class="item item-thumbnail-left item-remove-animate" ng-repeat="item in items" href="#">
            <ion-delete-button class="ion-minus-circled" ng-click="items.splice($index, 1)">
            </ion-delete-button>
            <img src="{{item.pic}}">
            <b><h2>{{item.name}}</h2></b>
            <b><h2>{{item.amount}}</h2></b>
        </ion-item>
    </ion-list>

</ion-content>

And here is a outtake from the controller:

    $scope.moveToItems = function(item){

  $scope.items.push(item);
  console.log($scope.items);

};

$scope.items = [



];

$scope.storedItems = [



];

When I do the console log I see that I successfully adds objects to the object array.


#2

Your tabs and controllers do not share same scope, use a service to share.


#3

I read up on services and factories yesterday and that did the trick. Thank you. :slight_smile: