CODEWITHSUNDEEP
angularjsangularjs-directiveangularjs-ng-repeat
TimTheEnchanter
TimTheEnchanter

Reputation: 3671

Scopes, ng-repeat, and directives

Somewhat new to Angular and trying to come to grips with scopes. I understand that each pass through a collection via ng-repeat gets its own scope. What I don't understand is in the following code:

<tr data-ng-repeat="oneField in $parent.formEventDefinition">
  <ng-include src="getUrl(oneField.fieldType)"></ng-include>
  {{oneField.fieldType}}

In the ng-include, oneField.fieldType is undefined but the {{}} directive on the next line writes the correct value to the page. Why does it find the right value from scope in one case but not the other?

Either an answer or a pointer to a place to find the answer on my own is good. I'm trying to learn and am getting lost.

Thanks!

Upvotes: 3

Views: 59

Answers (2)

TimTheEnchanter
TimTheEnchanter

Reputation: 3671

It turns out that this wasn't a scope problem. It turns out the problem was that it is not legitimate to nest an <ng-include> element inside a <tr> element and Angular enforces this in some way. When I reworked the HTML to put the <ng-include> inside a <td> it all started magically working.

Thanks for the help.

Dave

Upvotes: 0

Pankaj Parkar
Pankaj Parkar

Reputation: 136154

Because ng-include does creates a child scope from current running scope as like ng-repeat, ng-if, ng-switch-when does, use should use $parent.oneField.fieldType there

Look this answer for more information

Upvotes: 1

Related Questions