Menu icon Foundation
Multiple ui-views on a single page

I have a page that lists events. I have 2 options on the page. You can "add a new event" or you can "view one of the listed events".

I have 2 templates that load into each panel:

1. evens.add
2. event.details

How do I get one panel to display the "add" template and the other panel to display the "details" template.

ui-view

I have a page that lists events. I have 2 options on the page. You can "add a new event" or you can "view one of the listed events".

I have 2 templates that load into each panel:

1. evens.add
2. event.details

How do I get one panel to display the "add" template and the other panel to display the "details" template.

Rafi Benkual almost 3 years ago

That sounds like a cool project! Is it an event planning app for admins or will it be client facing?

You could have two separate panels, on for each button position in the same place. Another way is to conditionally load a partial into the panel based on which button is clicked. Either button triggers the panel.