Cannot display copy of Angular model in a different view [duplicate]

Question

I have a sample application, and I am trying to display my model in one view, and edit it in another. Here is my controller:

var app = angular.module('plunker', ['ngRoute']);

app.controller('MainCtrl', function($scope, $location) {
  var self = this;
  this.name = 'World';
  this.someData = {name: 'test'};
  this.someCopyData = {};

  this.theEdit = function(path){
    self.someCopyData = angular.copy(self.someData);
    $location.path(path);
  };
});

app.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/', {
           templateUrl: 'foo.html',
            controller: 'MainCtrl as main'
        })
        .when('/edit', {
          templateUrl: 'fooedit.html',
          controller: 'MainCtrl as main'
        });


}]);

The partial HTML is extremely simple:

Data: {{ main.someData.name }}
<br>
<br>
<a ng-click="main.theEdit('/edit')" >Resolve View</a>

and:

<input name="name" type="text" ng-model="main.someCopyData.name"/>

Plunker here.

How can I get the copy of my model to be displayed? This is clearly a scope issue, but I haven't figured out yet a proper explanation for the behaviour.

Mykola Gurov · Accepted Answer · 2014-12-11 21:42:51Z

1

AFAIR, controller is created each time anew, that is you will get a new instance when you navigate to edit. You might want to read this guide, in particular to this part:

Do not use controllers to: ... Share code or state across controllers — Use angular services instead.

answered Dec 11, 2014 at 21:42

Mykola Gurov

8,7754 gold badges32 silver badges27 bronze badges

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

1 Comment

Phil Over a year ago

You are absolutely correct. I found another similar question after asking mine, so I will close this.

crisam · Accepted Answer · 2014-12-11 20:03:13Z

1

It seems you only have 1 view have you tried to make 2 views for the same model? can you tell me what your trying to achieve exactly?

answered Dec 11, 2014 at 20:03

crisam

659 bronze badges

1 Comment

Phil Over a year ago

If you look in the Plunker, I would like to show the model in foo.html, and edit a copy of it in fooedit.html.

Collectives™ on Stack Overflow

Cannot display copy of Angular model in a different view [duplicate]

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Linked

Related