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  quot Cannot set property  vanNumber  of undefined quot      Page A  Van List        lt form name  quot listVanForm quot   gt      lt table gt      lt tr gt   lt td ng-controller  quot VanUpdateCtrl quot  gt  lt a href  quot   van-update quot  ng-click  quot prePopulateForm row members vanNumber value   quot  class  quot btn btn-small btn-primary quot  gt update lt  a gt  lt  td gt   lt  tr gt      lt  table gt   lt  form gt       Page B  Van Update          lt div class  quot container quot  gt           lt h2 gt Edit Van  lt  h2 gt                lt form name  quot updateVanForm quot  novalidate  quot novalidate quot  class  quot form-horizontal quot  ng-submit  quot updateCard formData  quot  gt               lt div class  quot control-group quot  gt                   lt label class  quot control-label quot   gt Van Number  lt  label gt                        lt div class  quot controls quot  gt                       lt input type  quot text quot  id  quot vanNumber quot  ng-model  quot formData vanNumber quot  placeholder  quot  quot   gt                   lt  div gt               lt  div gt           lt  form gt        lt  div gt       VanUpdateCtrl        app controller  VanUpdateCtrl      scope    VanUpdateFactory     location                                         function   scope  VanUpdateFactory   location                   callback for ng-init  populateDD                scope prePopulateForm   function  cardNoParam m                             alert  cardNo     cardNoParam                             scope formData cardNumber cardNoParam              So   scope formData cardNumber OR  scope formData in the destination page is not recognised

User · Answer

What you should do is create a service to share data between controllers    Nice tutorial https   www youtube com watch v HXpHV5gWgyk

User · 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

User · Answer

app factory  persistObject   function               var persistObject                function set objectName  data                persistObject objectName    data                    function get objectName                return persistObject objectName                      return               set  set              get  get                     Fill it with data like this  persistObject set  objectName   data      Get the object data like this  persistObject get  objectName

User · Answer

If you only need to share data between views scopes controllers  the easiest way is to store it in  rootScope  However  if you need a shared function  it is better to define a service to do that

[angularjs] AngularJS - Passing data between pages

Examples related to angularjs