title: Angular UI-Router cannot resolve child state (with dynamic URL param) from its parent state
body: <p>I have a parent state with data that I would like to use for making child states with dynamic URL params. Currently, I am getting this error, "<strong>Error: Could not resolve 'authors/view/Baxter Richard' from state 'dash/authors'</strong>".</p>
  
  <p>In my router.js file:</p>
  
  <pre><code>      .state('dashboard', {
          url: "/auth/dashboard",
          templateUrl: 'angular/dashboard.html',
          controller: 'DashboardController',
          resolve: {
            user : function(UserService) {
              return UserService.get();
            },
            user_drive : function(UserDriveService) {
              return UserDriveService.get();
            }
          }
        })
  
        .state('dash/authors', {
          parent: 'dashboard',
          url: "/authors",
          templateUrl: 'angular/partials/dash.authors.html'
        })
  
        .state('authors/create', {
          parent: 'dash/authors',
          url: "/create",
          templateUrl: 'angular/partials/dash.authors.create.html'
        })
  
        .state('authors/view', {
          parent: 'dash/authors',
          url: "/:title",
          templateUrl: 'angular/partials/dash.author-view.html'
        })
  
        .state('dash/epubs', {
          parent: 'dashboard',
          url: "/epubs",
          templateUrl: 'angular/partials/dash.epubs.html'
        });
  
        $urlRouterProvider.otherwise('/');
        $locationProvider.html5Mode(true).hashPrefix('!');
  </code></pre>
  
  <p>And in my dashboard_controller.js file:</p>
  
  <pre><code>    angular.module("app").controller("DashboardController", function($scope, $location, $http, user, user_drive) {
  
        $scope.user = user.data;
        $scope.user_drive = user_drive.data;
  
      });
  </code></pre>
  
  <p>And in my dash.authors.html partial:</p>
  
  <pre><code>          &lt;div class="col-sm-3" ng-repeat="author in user_drive.authors | orderBy:'title'"&gt;
                &lt;a ui-sref="authors/{{author.title}}"&gt;
                   &lt;div ng-repeat="img in user_drive.author_imgs | filter: { parent_id: author.id }"&gt;
                     &lt;img src="{{ img.img_src }}" alt="{{author.title}}" style="height:50px; border: 1px solid black;"&gt;
                  &lt;/div&gt;
                &lt;/a&gt;
             &lt;div&gt;
  </code></pre>
  
  <p>So, when I click on the anchor tag with the ui-sref of "authors/{{author.title}}", I get that error.</p>