Question

当我开始在角度组件中使用REST API时，会出现此问题对于我导航到的每个路径，组件将附加到页面顶部，而所需的行为是应该交换组件。

经过大量搜索，我试图将其缩小到这个范围：当REST API没有发送任何数据时（服务中的订阅调用没有数据）我注意到路由工作正常但是，一旦数据开始（异步），我最近描述的情况就会开始出现

我真的不知道该怎么做而且我不知道是什么导致了这个问题我在使用和声明API时尝试使用相同的类比，并且它正在调整我想要的数据，但这个奇怪的pbm whith路由我无法解决

这是我的路由代码的一部分：

@NgModule({
imports: [
    CommonModule,
    RouterModule.forChild(BillsRoutes),
......
    providers: [/*BillService*/]
})
export class BillsModule {
}

bills.routing.ts：

export const BillsRoutes: Routes = [
    {
        path: '',
        children: [ {
            path: '',
            component: BillsComponent
        }]
    }];

app.routing.ts：

export const AppRoutes: Routes = [
    {
        path: '',
        redirectTo: 'dashboard',
        pathMatch: 'full',
    }, {
        path: '',
        component: AdminLayoutComponent,
        children: [ 
{.....}, {
                 path: 'bills',
                 loadChildren: './Bills/bills.module#BillsModule'
             }
        ]

app.module.ts：

export class MaterialModule {}

@NgModule({
    imports:      [
        CommonModule,
       BrowserAnimationsModule,
        FormsModule,
        RouterModule.forRoot(AppRoutes)
...]

Answer 1

你必须在这里提供一个组件

export const BillsRoutes: Routes = [
{
    path: '', component: AddedComponent
    children: [ {
        path: '',
        component: BillsComponent
    }]
}];

或使用此

{ path: '', redirectTo: 'bills', pathMatch: 'full' },
{ path: 'bills', component: BillsComponent},

或

{ path: '', component: BillsComponent, pathMatch: 'full' },

组件将附加到页面顶部

1 个答案: