title: Nested parameterized routes with ui-router in AngularJS
body: <p>I believe I'm on the right track with these terms, "nested parameterized routes", but haven't found what I'm looking for yet.</p>
  
  <p>My objective is to create intuitive routes for my API, something like the following example:</p>
  
  <pre><code>/api/v1/project/list
  /api/v1/project/1/item/list
  /api/v1/project/1/item/1/edit
  /api/v1/project/2/item/3/delete
  </code></pre>
  
  <p>It's relatively easy and clear how to setup project states, but not the item states within each project.</p>
  
  <pre><code>{
    state: 'project'
    config: {
      url:'/project'
    }
  },
  {
    state: 'project.list'
    config: {
      url: '/list'
    }
  },
  {
    state: 'project.detail'
    config: {
      url: '/:project_id'
    }
  }
  </code></pre>
  
  <p>It's not clear to me where to go from there so that items are relative or nested within projects.</p>