title: child ui-view in parent ui-view works wierd angularjs
body: <p>I have a probem and as I can not find the solution since 2 days I come back to you, my worries is when I display my view secondaly in my modal, my view Principal disappears, I do not understand why,</p>
  
  <p>this is my ui-route</p>
  
  <pre><code>angular.module('ui.bootstrap.demo').config(function($stateProvider, $urlRouterProvider){    
        $stateProvider
            .state("foo", {
                url: "/foo",
                views: {
  
                  // for column two, we'll define a separate controller
                  'Second': {
  
                     abstract :true,
                     template: '&lt;h1&gt;foo&lt;/h1&gt;&lt;a ui-sref="menu"&gt;back menu&lt;/a&gt;'
  
                  }
                 }
            })
            .state("menu", {
                url: "/menu",
                views: {
  
                  // for column two, we'll define a separate controller
                  'Second': {
  
                     abstract :true,
                     templateUrl: 'menu.html'
  
                  }
                 }
            })
            .state("bar", {
                url: "/bar",
                views: {
  
                  // for column two, we'll define a separate controller
                  'Second': {
  
                     abstract :true,
                     template: '&lt;h1&gt;bar&lt;/h1&gt;&lt;a ui-sref="menu"&gt;back menu&lt;/a&gt;'
  
                  }
                 }
            })
  
            .state("connexion", {
                url: "/",
                 views: {
  
                  // for column two, we'll define a separate controller
                  'Principal': {
  
                      abstract :true,
                     templateUrl: 'connexion.html'
  
                  }
                 }
  
            })
  
            .state('agenda', {
  
              url: "/agenda",
              views: {
  
                  // for column two, we'll define a separate controller
                  'Principal': {
  
                      abstract :true,
                      templateUrl: 'agenda.html'
  
                  }
              }
  
  
          })
  
        $urlRouterProvider.otherwise("/");
  
      })
  </code></pre>
  
  <p>Can you help me please</p>
  
  <p>Here is a plunker</p>
  
  <p><a href="http://plnkr.co/edit/l0lHLurCYT4aSHXyMQrI?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/l0lHLurCYT4aSHXyMQrI?p=preview</a></p>
  
  <p><strong>edit</strong></p>
  
  <p>my modal bouton is in my view principal but when i open my modal my secondely view is outside of  pricipal view , I do not know how to do the routing </p>
  
  <p><a href="https://i.stack.imgur.com/J2C8o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J2C8o.png" alt="ui-view"></a></p>