I am rendering a list of TinyMCE wysiwygs using *ng-repeat* directive:

<div ng-repeat="widget in wigdets">
   <textarea wysiwyg></textarea> <!-- This is a directive to initialize TinyMCE 
--></div>

When i change the order of widgets in controller, TinyMCE's instances are 
automatically rearranged accordingly.

The problem is that TinyMCE widget is an iframe and iframe state gets reset 
when it is moved in DOM.

So i need to somehow save TinyMCE contents and remove TinyMCE from element 
before it is moved, and then init TinyMCE once again and apply saved 
contents after the movement is finished.

Is there a simple way to somehow hook into *ng-repeat* and to register 
callbacks for element movement?

If I have to write my own *ng-repeat-custom* directive, what is the proper 
architecture to organize event dispatching between nested scopes in angular 
way? 
How can my *wysiwyg *directive subscribe to the events from parent scopes 
if it cannot tell in advance whether it will be inside *ng-repeat-custom *or 
used on it's own?

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to