Ember JS: render same view twice ( with data from one controller )

Question

I have an Ember JS drag & drop view which is used to connect items to a bigger piece. As the construct grows it overlaps the viewport vertically.

What I want to do now is to have a small preview-view of the d&d view.

I want the controller data from the first (big, vertically overlapping ) view that I interact with, to appear in a second view (preview, small, not vertically overlapping ).

Any Idea's how to render a view twice with data from one view, OR connect a view to another view's controller?

thanks in advance!

Answer 1

First of all, you should not be using views anymore. Use components.

Then, move all logic and state into a model. Have a model that represents your drag-n-drop gizmo, and feed into two components: one component for a preview interface, the other one for the full interface.