draggable binding interferes with $parent

[cuu508]

Looks like $parent context variable is incorrect inside elements that use the draggable binding. Example fiddle:

http://jsfiddle.net/pjbWC/5/

This fiddle prints out $data and $parent values for array elements, they turn out to be equal, which I didn't expect.

In source of the binding, update() method, there's this line:

var templateOptions = prepareTemplateOptions(valueAccessor, "data");

The issue goes away if I change "data" to something else:

var templateOptions = prepareTemplateOptions(valueAccessor, "draggable");

I don't understand this well at all, so not sure if this is correct fix, and what side-effects it may have.

[rniemeyer]

@cuu508 - hello. The draggable binding is a wrapper to the template binding, so it creates a new context based on whatever is passed in. In your fiddle, it just happens that you are passing in the current data ($data), so both $data and $parent will be the same value. I can understand how this would not be less than obvious in this case, but I hope that this helps explain the behavior.

It would be similar to something like: http://jsfiddle.net/rniemeyer/pjbWC/6/

[cuu508]

Thanks for explanation, now this behaviour makes sense and I see it works as intended.