我在Angular网站中的视图存在一个小问题,因为我正在尝试在应用程序中将一个孩子的视图移到另一个孩子的视图。当我单击带有routerlink
的按钮时,将我带到视图,但是问题是视图变暗了,直到我用f5
或从我的网络导航器重新加载button
。
路线
const routes: Routes = [
{
path:'',
component: HomeComponent
},
{
path:'login',
component: LoginComponent
},
{
path:'administrator',
component: AdministratorComponent,
canActivate: [AuthGuard],
children:
[
{ path: '', component: DashboardComponent },
{ path: 'contact', component: ContactComponent },
{ path: 'information', component: InformationComponent },
{ path: 'logout', component: LogoutComponent },
{ path: 'letter', component: LetterComponent },
]
},
{ path: 'home', component: HomeComponent },
{ path: 'error', component: ErrorComponent },
{
path: '**',
redirectTo: "/error"
}
];
这是我的网页的模型:
并尝试访问我的孩子视图:
<button type="button" class="btn btn-success" [routerLink]="['/administrator/letter']">
Check
</button>
注意::如果我从
AdministratorComponent
进行访问,就像我想要的一样,但是在这种情况下,我需要另一种方法来实现它。
如何正确访问该视图?