Angularjs $scope.object from nested object

Question

I have a $scope.currentUser object and a nested OwnedCompany object like so:

app.controller 'dashboardsCtrl', ($scope, Api, Auth) ->
  $scope.currentUser = Api.User.get(id: Auth.user())
  $scope.ownedCompany = $scope.currentUser.owned_company

{{currentUser}} returns:

user: { 
  "name": "Ryan",
  "owned_company":{"name":"XYZ"}
}

{{currentUser.owned_company}} returns:

{"name":"XYZ"}

but {{ownedCompany}} returns nil.

How do I get $scope.ownedCompany = $scope.currentUser.owned_company to work?

Solution

As per @mohamedrias' answer,

app.controller 'dashboardsCtrl', ($scope, Api, Auth) ->
  Api.User.get(id: Auth.user()).$promise.then (currentUser) ->
    $scope.currentUser = currentUser
    $scope.ownedCompany = currentUser.owned_company

{{ownedCompany}} returns:

{name:"XYZ"}

Are you sure that there's no mistake while writing the variable name ?? or in the character casing ?? — Manish Kr. Shukla
– Manish Kr. Shukla, Commented May 4, 2015 at 5:16
if currentUser.owned_company is changed at run time then use a watch or set the value after the change is happened - jsfiddle.net/arunpjohny/jpno6ft2/2 — Arun P Johny
– Arun P Johny, Commented May 4, 2015 at 5:17
$scope.currentUser.owned_company returns an object with property name so try {{ownedCompany.name}} to get XYZ — Incpetor
– Incpetor, Commented May 4, 2015 at 5:17
Using $watch - jsfiddle.net/arunpjohny/jpno6ft2/3 or without - jsfiddle.net/arunpjohny/jpno6ft2/4 — Arun P Johny
– Arun P Johny, Commented May 4, 2015 at 5:20

mohamedrias · Accepted Answer · 2015-05-04 05:19:16Z

2

  $scope.currentUser = Api.User.get(id: Auth.user())

It's an async call from where you're getting the current user details. So it will resole later.

Either you must use promise ad put

  $scope.ownedCompany = $scope.currentUser.owned_company

Inside the then block.

Else register a watch on that object and perform the assignment.

answered May 4, 2015 at 5:19

mohamedrias

18.6k3 gold badges41 silver badges47 bronze badges

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

1 Comment

Ryan.lay Over a year ago

This works great. I'll add the solution to my question. Thanks Mohamed.

Collectives™ on Stack Overflow

Angularjs $scope.object from nested object

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