Как установить дочернее состояние по умолчанию с помощью UIRouter angular.io

Question

Как установить по умолчанию дочернее состояние с помощью ui-router и angular.io? У меня есть раздел о некоторых дочерних штатах. Что я хочу сделать, так это то, что когда я захожу в раздел about, по умолчанию он отображает первое дочернее состояние.

Answer 1

Вы можете перенаправить для дочернего маршрута по умолчанию следующим образом:

{
path: 'course',
component: CourseComponent,
children: [
  {
    path: 'list',
    component: CourseListComponent
  },
  {
    path: 'taking',
    component: TakingCourseComponent
  },
  {
    path: '**',
    redirectTo: 'list',  // this work like as default custom route. 
    pathMatch: 'full'
  }
 ]
},