有/无子参数的Angular Child路线

Question

我正在使用Angular的延迟加载功能，下面是我的app-routes.module.ts

const routes: Routes = [
  { path: 'auth', loadChildren: './auth/auth.module#AuthModule' },
  { path: 'not-found', loadChildren: './not-found/not-found.module#NotFoundModule' },
  { path: '**', redirectTo: 'not-found' }
];

现在在我的auth-routing.module.ts中，我有2个选项来定义auth模块的子路由

使用childrens参数的第一个选项

const routes: Routes = [
    {
        path: '', children: [
            { path: '', redirectTo: 'login' },
            { path: 'login', component: LoginComponent },
            { path: 'register', component: RegisterComponent }
        ]
    }
];

没有孩子参数的第二个选项

const routes: Routes = [
    { path: '', redirectTo: 'login' },
    { path: 'login', component: LoginComponent },
    { path: 'register', component: RegisterComponent }
];

我尝试了这两个选项，并且得到相同的结果，即

1. / auth带我进入/auth/login路线并打开login页面
2. / auth / register打开register页面
3. / auth / login打开login页面

我的问题是：-

1. 以上两个选项有什么区别？
2. 哪个是更好的标准做法？

  

注意：我不需要auth组件，因此您会看到两个选项中的routes配置中缺少component参数。