Angular Kendo UI Grid: Custom Editor Template

[vikhere]

I am trying to create a custom editor template which will allow me to provide a check box list for selecting a list of roles which will be bound to the Grid's role column. The Grid has a roles column which contains a list of roles for a defined person.

I am trying to render the checkbox list the following way

{{role}}

I am having a problem that the ng-repeat directive is repeated 3*3 times instead of just 3 time. 3 is the number of roles in the scope variable allRoles.

If i use the same html outside a kendo template the ng-repeat directive is repeated only 3 times. So I am not sure what I'm doing incorrect when using inside kendo template.

the sample code can be accessed at http://jsfiddle.net/vikhere/85y5masy/

I would appreciate if someone could help.

[vikhere]

snapshot for template html

[vikhere]

Updated jsfiddle link
http://jsfiddle.net/vikhere/85y5masy/2/