I am having some issues with a third level nested view/route using ui-router. I am essentially developing a site admin panel for all the sites I manage. on the "tools" page you first have to select an environment which populates the "sites" view and dropdown box once a site is selected you should get the "selected" view and panel which will contain all the site specific info. The issue I am having is the "selected" panel shows up when the "sites" panel shows up (without having selected a site yet).
My real question is this what is the proper way to setup multiple nested views using ui-router? do all the view get specified under each state? also is it ok to change the URL with a view change or should the url only be altered during a state change. I think I am mixing up states and views. I know that what I really want is a "tools" state/page with multiple views (one for each set of options).
even if someone could just provide some links to good tutorials on nested views and routes using ui-router that would be awesome.
I will try to setup a plunker to demonstrate what I am trying to do, but it has proved difficult so far being that I started with ng-boilerplate for this project