Angular JS: scope and ng-repeat inside a directive

Question

I am trying to write custom directive. This is a fork from an example by Andy Joslin.

Please see the code http://plnkr.co/edit/jXfr6P?p=preview

I could pass the selection method to the first child scope, but not further. I know ng-repeat create child scopes, and the original example updates the model correctly. But, not sure how to call the function.

Click on Apparel -> sel = Apparel ==> works
Click on Mens Shirts  -> sel = Apparel ==> Not OK (needs to be Mens Shirts )
Click on Mens Special Shirts -> sel = Apparel ==> works Not OK (needs to be Mens Special Shirts)
...
Click on Boats -> sel = Boats ==> works

matys84pl · Accepted Answer · 2012-12-03 19:16:01Z

3

I've managed to fix your example. The key to finding the solution was to change the directive scope to:

 scope: {
      tree: '=ngModel',
      selection:'=selection' // changed & to =
    }

as you have to pass the selection function for each tree and choice this way:

selection="selection" // was selection="selection(val)"

See my forked plunker: http://plnkr.co/edit/2tal6V?p=preview

edited Dec 3, 2012 at 19:16

answered Dec 1, 2012 at 20:48

matys84pl

8,3341 gold badge21 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Angular JS: scope and ng-repeat inside a directive

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