Есть ли способ загрузить в другом `? - PullRequest
0 голосов
/ 03 марта 2020

Я хочу открыть <router-outlet> в другом <router-outlet>

Я использовал

  { outlet:"admin",path: 'AdminDashboard/Users', component: AdminUsersComponent},

и

      <router-outlet name="admin"></router-outlet>

Но когда я нажимаю на ссылка на страницу не загружается

Есть ли способ загрузить <router-outlet> в другое <router-outlet>?


да, конечно

мое приложение -routing.module.ts:

const routes: Routes = [
          {  path: '', redirectTo: '/index', pathMatch: 'full' },
          {  path: 'index', component: SiteMainPageComponent },
          { path: 'AdminDashboard', component: AdminMainPageComponent },
           { outlet:"admin",path: 'AdminDashboard/Users', component: AdminUsersComponent},

        ];
    @NgModule({
      imports: [RouterModule.forRoot(routes)],
      exports: [RouterModule]
    })
    export class AppRoutingModule { }

Ответы [ 3 ]

0 голосов
/ 03 марта 2020

Как выглядит ваш шаблон? Вот синтаксис:

Syntax: <a [routerLink]="[{outlets: { <outlet name> : [<path>]}}>Text</a>

Попробуйте это:

<a [routerLink]="[{outlets: { admin: ['AdminDashboard/Users']} }]">Users</a>
0 голосов
/ 03 марта 2020

Способ, которым вы используете вложенные выходы маршрутизатора, заключается в том, что вы устанавливаете дочерние элементы маршрута и помещаете вложенный маршрутизатор-выход в этот маршрут (в данном случае MyNestedRouteComponent).

const routes: Routes = [
      {  path: '', redirectTo: '/index', pathMatch: 'full' },
      {  path: 'nested-router', component: MyNestedRouteComponent, children: [{
         // nested routes here
      }] },
    ];
0 голосов
/ 03 марта 2020

что у вас правильно, так что проблема должна быть в другом, не могли бы вы включить полный файл роутера?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...