title: UI-Router nested view not working
body: <p>I am trying to create nested view with angular breadcrumb ... and here the problem is in state <strong>app.input1.input2</strong> its own template <strong>input2</strong> is not loading.. its only loading <strong>app.input1</strong> continuously... </p>
  
  <p>If I try to give wrong templateUrl in <strong>app.input1.input2</strong> then it throws error back but when I give correct path then its not loading same template and any error .. it just loading same template of <strong>app.input1</strong></p>
  
  <p>Suggest me some idea why that template is not loading?</p>
  
  <p><strong>#app.js</strong></p>
  
  <pre><code>$stateProvider
      .state('app', {
          abstract: true,
          url: '/app',
          templateUrl: 'view/abc.html',
          data: {
          breadcrumbProxy: 'app.start'
          }
      })
  
      .state('app.start', {
          url: '/start',
          templateUrl: 'view/start.html',
          data: {
              displayName: 'start',
            }
      })        
  
      .state('app.input1', {
          url: '/input1',
          templateUrl: 'view/input1.html',
            data: {
              displayName: 'input1',
            }
      })
  
      .state('app.input1.input2', {
          url: '/input2',    
          templateUrl: 'view/input2',
            data: {
              displayName: 'input2',
            }
      });
  $urlRouterProvider.otherwise('app.start');
  </code></pre>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;div ui-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>abc.html</strong></p>
  
  <pre><code>&lt;div ui-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>start.html</strong></p>
  
  <pre><code>&lt;div&gt;
      &lt;a ui-sref="app.input1"&gt;Input1&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>input1.html</strong></p>
  
  <pre><code>&lt;div&gt;
      &lt;a ui-sref="app.input1.input2"&gt;Input2&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>input2.html</strong></p>
  
  <pre><code>&lt;div&gt;bla bla bla bla&lt;/div&gt;
  </code></pre>