AngularJS: Why doesn't the directive see an object on the scope

Question

I am experimenting with Angular. I have altered this fiddle for the purpose of this question.

When I try to access the scope variables "password" and "password_confirmation" from the directive, like this it displays them fine. See this fiddle. Like this:

scope.$apply(function(){
          scope.passwordAsSeenByDirective = scope['password'] + "...";
          scope.password_confirmationAsSeenByDirective = scope['password_confirmation'] + "...";
        });

But when I make an object and put these as properties there, then I cannot access them any more. See this fiddle. Like this:

scope.$apply(function(){
          scope.passwordAsSeenByDirective = scope['obj.password'] + "...";
          scope.password_confirmationAsSeenByDirective = scope['obj.password_confirmation'] + "...";
        });

How come?

hawk · Accepted Answer · 2014-06-15 15:38:09Z

1

try this scope['obj']['password']

answered Jun 15, 2014 at 15:38

hawk

5,4082 gold badges25 silver badges29 bronze badges

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

1 Comment

EricC Over a year ago

Thanks a lot to you both!

jwvanderbeck · Accepted Answer · 2014-06-15 15:31:58Z

1

I can't give you the complete answer, as I am still learning AngularJS myself. However one bit of help I can impart is that you can't access a variable like scope["foo.bar"]. "foo.bar" is an Angular Expression, not a property syntax and therefore must be either parsed with $parse or evaluated with scope.$eval

answered Jun 15, 2014 at 15:31

jwvanderbeck

6711 bronze badges

2 Comments

jwvanderbeck Over a year ago

You are welcome. Care to share a working fiddle so we can both learn more?

jwvanderbeck Over a year ago

Well Hawk's answer is only good if you want to hard code things. Its important to understand what is happening under the hood here. The Angular notation can be expanded to standard notation. You can do it by hand like hawk suggests, but you are better off doing it dynamically with the proper tools as I mentioned.

Collectives™ on Stack Overflow

AngularJS: Why doesn't the directive see an object on the scope

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related