AngularJS - Passing data between pages

Question

I am an AngularJS starter. I am trying to send data from : Page A : Van Listing page to Page B: Van Update page. When user click the update link for a van, I am invoking a controller and retrieving the van details in the controller. But, I cannot assign the van details to the Page B ( Van Update Page) using the same controller... Error `"Cannot set property 'vanNumber' of undefined"` ``` *** Page A: Van List **** *** Page B: Van Update ****

Edit Van

Accepted Answer

You need to create a service to be able to share data between controllers.

```
app.factory('myService', function() {
 var savedData = {}
 function set(data) {
   savedData = data;
 }
 function get() {
  return savedData;
 }

return {
  set: set,
  get: get
 }

});
```

In your controller A:

```
myService.set(yourSharedData);
```

In your controller B:

```
$scope.desiredLocation = myService.get();
```

Remember to inject myService in the controllers by passing it as a parameter.

AngularJS - Passing data between pages

Solution

Problem

Related problems