मैं एक पेज से दूसरे पेज पर नेविगेट करना चाहता हूं, एक कंपोनेंट से दूसरे कंपोनेंट में:

const routes: Routes = [
  {
    path: '',
    component: UploadPageComponent,
    children: [
      {
        path: 'frameworks',
        component: FrameworksSceneComponent,
        pathMatch: 'full',
        children: [
          {//doesn't work
            path: 'questionnaire',
            component: QuestionnaireComponent,
          },
        ],
      },
      {
        path: 'documents',
        component: DocumentsSceneComponent,
        pathMatch: 'full',
      },
      {//works
        path: 'questionnaire',
        component: QuestionnaireComponent,
        pathMatch: 'full',
      },
    ],
  },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class UploadRoutingModule {
}

मेरा टेम्प्लेट (फ्रेमवर्क्ससीनकंपोनेंट):

 <a [routerLink]="['questionnaire']">aaaaaaaaaaaaaaaaaaaa</a>

लेकिन यह काम करता है (फ्रेमवर्कसीन कॉम्पोनेंट):

<a [routerLink]="['/private/upload/questionnaire']">bbbbbbbbbbbbbbbbbbbbbbbbbbbbb</a>

मेरे नेस्टेड लिंक में क्या गलत है? क्यों aaaaaaaaaaaaaaaaaa पर क्लिक करने के बाद मैं अपने मुख्य पेज पर रीडायरेक्ट हो जाता हूं। दूसरी ओर लिंक bbbbbbbbbbbbbbbb काम करता है, लेकिन इस तरह से लिंक चाइल्ड लिंक नहीं है।

0
Matley 22 अक्टूबर 2020, 13:38

1 उत्तर

सबसे बढ़िया उत्तर

जिस तरह से आपने नेस्टेड रूट को लागू किया, कोणीय आपके FrameworksSceneComponent.html में <router-outlet> की तलाश में है। नीचे की तरह लागू करने का प्रयास करें। सुनिश्चित नहीं है कि यह मुख्य पृष्ठ पर क्यों नेविगेट करता है।

  routes: Routes = [
    {
      path: "",
      children: [
        {
          path: "",
          component: UploadPageComponent
        },
        {
          path: "frameworks",
          children: [
            {
              path: "",
              component: FrameworksSceneComponent,
              pathMatch: "full"
            },
            {
              //should  work
              path: "questionnaire",
              component: QuestionnaireComponent
            }
          ]
        },
        {
          path: "documents",
          component: DocumentsSceneComponent,
          pathMatch: "full"
        },
        {
          //works
          path: "questionnaire",
          component: QuestionnaireComponent,
          pathMatch: "full"
        }
      ]
    }
  ];
1
hansand 22 अक्टूबर 2020, 11:36