title: Angular-UI-Router modal like pinterest
body: <p>I'm making an app with a gallery that looks a lot like <a href="http://pinterest.com">http://pinterest.com</a>. In Pinterest, when you click a pin, it shows the pin page over the top of the gallery you were viewing. The URL changes to the pin url, and does not contain any information about the gallery behind the details. You can click the "X" or on the background to get back to the gallery where you were browsing without reloading. </p>
  
  <p>How can I duplicate this with UI-Router? </p>
  
  <p>Needs:</p>
  
  <ul>
  <li>display the same details modal over several different galleries</li>
  <li>switch to the same details url in all cases</li>
  <li>if the details url is entered cold (from a bookmark or link), just display an empty gray background behind and disable closing</li>
  </ul>
  
  <p>Thanks!</p>