Angular sterowanie routingem

Question

Cześć.

Mam pytanie czy w Angular da się powydzielać router-outlet. Chodzi mi o to ,że w głównym pliku html mamy:

<router-outlet></router-outlet>

Który nam wskazuje na odpowiedni adres route.

Ale kiedy mamy np.: sytuacje w , której mamy wiele różnych modułów i np.: po kliknięciu w dany adres nie chcemy aby nasz komponent o jakiejś route załadować na się w głównym pliku html tyko tam gdzie mu zdefiniujemy możliwość pojawienia się. Czy coś takiego ma sens ?

Answer 1

To, co zostanie umieszczone zamiast router-outlet, zależy od tego w jaki sposób zbudujesz sobie routing. Mam na myśli, że możesz dodać sobie w routingach children i wtedy możesz umieszczać router-outlet "wewnątrz" innych komponentów. Wtedy wywołanie URI: "foo/boo" będzie skutkować tym, że w AppComponent zostanie wstrzyknięty komponent dla którego path został ustawiony jako foo, a do foo komponent którego path został ustawiony jako children boo.

Comments

Czyli wszytko będzie się rozgrywać  w module ? a jak to opisać w bliku route children ?

---

w sensie mam coś takiego :

{path: 'area', component: AreaComponent, canActivate: [RoleGuard], data: {expectedRole: 'ROLE_USER'},
    children: [
      {path: 'waste', component: WasteComponent}
    ]
  },

I jak teraz wskazać w component aby podstawił tylko dziecko ?

---

Dobra już kumam.

---

Tylko w przypadku CanActivate i children, powinieneś użyć CanActivateChild żeby "zabronić" dostępu do child components.

Tak o coś takiego, teraz możesz router-outlet umieścić w AreaComponent i uderzając pod area/waste psadzi Ci WasteComponent w AreaComponent w miejscu router-outlet