Angularjs Why I cannot directive scope variable "dataSource"

Question

Noticed strange thing, when I name directive scope parameter dataSource it always undefined.

Here is an example: http://plnkr.co/edit/F0wIVUTj9lavVZyFIxKn?p=preview

If you change dataSource to for example ds everything works.

Question: why?

And are you sure to use exactly scope: { dataSource: "=" } instead of scope: { dataSource: "&" }. controllerFunction is function not simple property. If you will change it dataSource will not be undefined edited sample. — Slava Utesinov
– Slava Utesinov, Commented Jan 14, 2016 at 12:37

NiRUS · Accepted Answer · 2016-01-14 14:19:05Z

3

As you can read here, angular normalizes all attributes, a standard prefix for attributes is data-. So when you name your attribute data-source, it will actually be bound to your directive as source

Your corrected fiddle code

Now can be accessed as $scope.source in your directive.

edited Jan 14, 2016 at 14:19

NiRUS

4,3092 gold badges32 silver badges52 bronze badges

answered Jan 14, 2016 at 12:34

Martijn Welker

5,6151 gold badge19 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

Angularjs Why I cannot directive scope variable "dataSource"

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related