Issue with nested directives and scopes, bindings get detached

[shock01]

When creating a parent and a child directive which are both transclude binding will occur just fine.

However after calling scope.$apply within the child directive the bindings on the child directive get detached from the Controller

I am fairly new to angular and don't know if this is a duplicate/already reported issue

Thnx

Example:
http://jsfiddle.net/29cS6/2/

[pkozlowski-opensource]

@shock01 this is scoping issue. As explained here: http://docs.angularjs.org/guide/directive transclusion creates a child scope. In your case click handler was updating a value in a child scope while the parent was untouched. So no binding was "detached".

The make it work you need to bind to an object's property instead of directly binding to scope's property. This works OK: http://jsfiddle.net/L97bq/. Please note that this is recommended "best practice": http://www.youtube.com/watch?v=ZhfUv0spHCY&feature=g-user-u

[shock01]

Thanks for clarifying
Stef
Op 19 jan. 2013 12:56 schreef "Pawel Kozlowski" [email protected]
het volgende:

@shock01 https://github.com/shock01 this is scoping issue. As explained
here: http://docs.angularjs.org/guide/directive transclusion creates a
child scope. In your case click handler was updating a value in a child
scope while the parent was untouched. So no binding was "detached".

The make it work you need to bind to an object's property instead of
directly binding to scope's property. This works OK:
http://jsfiddle.net/L97bq/. Please note that this is recommended "best
practice": http://www.youtube.com/watch?v=ZhfUv0spHCY&feature=g-user-u

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/1831#issuecomment-12453930.