title: Angular UI-Router modal removes parent state
body: <p>I'm working on an angular app that has ui-router module.
  When entering a certain state of the router, I show a modal dialog, which then replaces my parent view. I would like to keep the parent view and show the modal as overlay. Is there a way to do it with ui-router? </p>
  
  <p>To give an example:</p>
  
  <pre><code>$stateProvider.state("clients.list", {
      url: "/list",
      templateUrl: "app/client/templates/client-list.tpl.html",
      controller: moduleNamespace.clientListController,
      resolve: {
          clients: function (ClientService) {
              return ClientService.all();
          }
      }
  })
  // This will replace "clients.list", and show the modal
  // I want to just overlay the modal on top of "clients.list"
  .state("clients.add", {
      url: "/add",
      onEnter: function ($stateParams, $rootScope, $state, ngDialog) {
          ngDialog.open({
              controller: moduleNamespace.clientAddController,
              template: "app/client/templates/client-add.tpl.html"
          });
  
          $rootScope.$on("ngDialog.closed", function (e, $dialog) 
                if ($state.current.name !== "clients.list") $state.transitionTo("clients.list");
          });
      }
  })
  </code></pre>
  
  <p>Thanks</p>