How to pass data between controller/view in Ionic?

Question

I am using Ionic and Angular to create a mobile application and need to pass data between two controllers/views.

.controller('SearchCtrl', function($scope, $state, $http) {
    $scope.search = function() {
        console.log('Starting search..');
        var res = $http.post('http://endpoint:8080/search',{"language":"en"})
            .success(function(data) {
            //take the data.results and make sure its available when I move to tab.search-results   
            alert("Search OK");
        })
            .error(function(data) {
            alert("Search Bad");
        });

        //take the data.results and make sure its available when I move to tab.search-results
        $state.go('tabs.search-results');
    };
})

So when I do the $state.go('tabs.search-results') I want to make sure the data returned from search is available for loading in the new view. This is probably really obvious but I am struggling to find a solution.

possible duplicate of Angular: share asynchronous service data between controllers — John
– John, Commented Jul 3, 2015 at 5:57

Brandy Smith · Accepted Answer · 2015-07-03 17:14:36Z

7

You can pass the data in the go method as the second argument, so

.controller('SearchCtrl', function($scope, $state, $http) {
    $scope.search = function() {
        console.log('Starting search..');
        var res = $http.post('http://endpoint:8080/search',{"language":"en"})
            .success(function(data) {
                alert("Search OK");
                //take the data.results and make sure its available when I move to tab.search-results
                $state.go('tabs.search-results', {result: data});
            }).error(function(data) {
                alert("Search Bad");
            });
    };
})

Then in the search results controller you can access the data from the $stateParams service.

.controller('SearchResultsCtrl', function($scope, $state, $stateParams) {

    $scope.results = $stateParams.result;

});

edited Jul 3, 2015 at 17:14

Brandy Smith

1,18610 silver badges21 bronze badges

answered Jul 3, 2015 at 2:07

dancampers

3282 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

fixulate Over a year ago

awesome let me give this a try now!

fixulate Over a year ago

Do I need to add/edit any routes? The $scope.results in the results ctrl is empty..

Gilad M Over a year ago

Yes. You do need to update the route. Modify the url section of the route to: url: '/search-results/:result',

Collectives™ on Stack Overflow

How to pass data between controller/view in Ionic?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related