как сделать несколько RouterOutlet в angular 8

Question

Я хочу использовать Router-Walt в Angular 8, но не могу. Как отобразить компонент в нужном месте при нажатии на кнопки? Я использовал много методов, но это не сработало.

Аналогично ниже: Пожалуйста, дайте мне знать, если пример кода похож на мой.

app.routing.madule.ts:

 const routes: Routes = [
      {
        path: 'Admin', component: AdminComponent, children: [
          {
            path: '', component: CreateComponent , outlet: 'MyCreaye'
          },
          {
            path:'Create', component:CreateComponent, outlet:'Create'
          },
          {
            path:'Edit', component:EditComponent, outlet:'Edit'
          },
        ]
      },
     ]

Answer 1

вам не нужно указывать более одного router-outlet в файле HTML для нескольких вложенных компонентов. Одного сингла достаточно и достаточно, если вам не нужно отображать вложенный компонент в совершенно другой части HTML.

Теперь вы можете применить свой wi sh на , заменив следующий код своим:

const routes: Routes = [
  {
    path: 'Admin', component: AdminComponent,
    children: [
      { path: '', component: CreateComponent, outlet: 'primary'  },
      { path: 'Create', component: CreateComponent, outlet: 'primary' },
      { path: 'Edit', component: EditComponent, outlet: 'primary' },
    ]
  },
]

И удалите вторичный тег <router-outlet> в своем коде HTML, если есть.

Последнее примечание: сначала в HTML файл по умолчанию называется «первичным». Если есть другой, то его имя «вторично». Также вы можете дать имя, например, так:

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

Дайте мне знать, если это работает!