title: AngularJs - ui-router nested view not working
body: <p>I am having difficulty showing a nested view</p>
  
  <p><strong>1. Base App</strong></p>
  
  <blockquote>
  <pre><code>"name": "app",
  "abstract": true,
  "url": "",
  "views": {
    "root": {
      "templateUrl": "layout.html",
      "controller": "",
      "controllerAs" : ""
    },
    "header@app": {"templateUrl": ""},
    "nav@app": {"templateUrl": ""},
  </code></pre>
  </blockquote>
  
  <p><strong>With index page showing:</strong></p>
  
  <blockquote>
  <pre><code>&lt;div ui-view="root"&gt;&lt;/div&gt;
  </code></pre>
  </blockquote>
  
  <p><strong>With layout page showing:</strong></p>
  
  <blockquote>
  <pre><code>&lt;div ui-view="header"&gt;&lt;/div&gt;
  &lt;div ui-view="nav"&gt;&lt;/div&gt; 
  &lt;div ui-view="content"&gt;&lt;/div&gt;
  </code></pre>
  </blockquote>
  
  <p><strong>2. content state example</strong></p>
  
  <blockquote>
  <pre><code>"name": "app.content",
  "url": "/content",
  "views": {
    "content@app": {
      "templateUrl": "sample1.html",
      "controller": "",
      "controllerAs" : ""
    }
  }
  </code></pre>
  </blockquote>
  
  <p><strong>3. another content state example</strong></p>
  
  <blockquote>
  <pre><code>"name": "app.content.inbox",
  "url": "/inbox",
  "views": {
    "content@app": {
      "templateUrl": "sample2.html",
      "controller": "",
      "controllerAs": ""
    }
  }
  </code></pre>
  </blockquote>
  
  <p><strong>Up until this point everything works fine</strong></p>
  
  <p><strong>Sample2.html has a nested view and the html for that page looks like this:</strong></p>
  
  <blockquote>
  <pre><code>&lt;div ui-view="folder"&gt;&lt;/div&gt;
  </code></pre>
  </blockquote>
  
  <p><strong>And the state being this:</strong></p>
  
  <blockquote>
  <pre><code>"name": "app.content.inbox.folder",
  "url": "/inbox/:folder",
  "views": {
    "folder@app.content": {
      "templateUrl": "folder.html",
      "controller": "",
      "controllerAs": ""
    }
  }
  </code></pre>
  </blockquote>
  
  <p><strong>I am not getting the folder.html nested view. Can anyone see my error?</strong></p>