link 2 javascript objects

Question

I am working on an angularJS app and i found a problem that I cant solve. I have a variable with predefined text that I want to replace in an email with the actual values, it looks like this:

$scope.predefinedVars = {
    'client_name': $scope.itemPartner.name,
    'client_city': $scope.itemPartner.city,
    'client_county': $scope.itemPartner.county,
    'client_address': $scope.itemPartner.address,
    'client_phone': $scope.itemPartner.phone,
    'client_email': $scope.itemPartner.email
};

and so on...

Now later on, when I choose a partner, the itemPartner object changes the data. For example: i have a function to watch when I change the partner from a select box:

$scope.$watch('newContract.partner_id', function() {
    $scope.itemPartner = _.where($scope.listPartners, {'id': $scope.newContract.partner_id})[0];
    alert(JSON.stringify($scope.itemPartner));
});

Now, in the alert, I can see the itemPartner data has changed, but if I try to read the values from my 1st variable $scope.predefinedVars, the values are still empty and do not change.

Is there a way to force the values to change when I change the itemPartner object ?

Ed_ · Accepted Answer · 2014-03-10 16:56:07Z

1

The problem is that you have set the fields of your predefinedVars object to a primitive. In javascript, primitives are passed by value, not by reference (google if you're not sure what that means).

The result is that any reference to the object you used to set it originally is lost.

You have a couple of alternatives:

Instead of replacing the email using the data from $scope.predefinedVars, use the data from $scope.itemPartner. This is less work.
create a function that repopulates predefinedVars

e.g.

function populatePredefinedVars (partner){

  $scope.predefinedVars = {
    'client_name': partner.name,
    'client_city': partner.city,
    'client_county': partner.county,
    'client_address': partner.address,
    'client_phone': partner.phone,
    'client_email': partner.email
  };
}

$scope.$watch('newContract.partner_id', function() {
  $scope.itemPartner = _.where($scope.listPartners, {'id': $scope.newContract.partner_id})[0];
  populatePredefinedVars($scope.itemPartner);
});

answered Mar 10, 2014 at 16:56

Ed_

19.2k8 gold badges48 silver badges75 bronze badges

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

1 Comment

Pacuraru Daniel Over a year ago

thank you veryu much Ed Hinchliffe, i implemented the 2nd choice and it is a good idea :)

Collectives™ on Stack Overflow

link 2 javascript objects

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related