[ANGULAR] Wyświetlanie podstron-routing

Question

Cześć,

Piszę frontend w Angularze (Visual Studio Code) chciałabym, aby wyświetlały mi się podstrony zastosowałam routing, ale wyświetla mi się wszystko na jednej stronie. Poniżej wrzucam moje pliki

import { NgModule } from "@angular/core";

import { Router, RouterModule, Routes } from "@angular/router";

import { LogowanieComponent } from "./logowanie/logowanie.component";

const routes: Routes =[

    {path: 'logowanie', component:LogowanieComponent}

];



@NgModule({

    imports: [RouterModule.forRoot(routes)],

    exports: [RouterModule],

})

export class AppRoutingModule{ }

 

import { NgModule } from '@angular/core';

import { BrowserModule } from '@angular/platform-browser';

import { RouterModule } from '@angular/router';




import { AppComponent } from './app.component';

import { LogowanieComponent } from './logowanie/logowanie.component';

import { AppRoutingModule } from './app-routing.module';




@NgModule({

  declarations: [

    AppComponent,

   

   

  ],

  imports: [

    BrowserModule,

    AppRoutingModule

   

   

  ],

  providers: [],

  bootstrap: [AppComponent]





})

export class AppModule { }

I fragment pliku html :

 <div>

      <h4>Menu</h4>

      <ul>

        <li>

            <a routerLink="/logowanie">Strona główna</a>

        </li>

 

Answer 1

Zapoznaj się z 

<router-outlet></router-outlet>

Tu masz fajnie wyjasnione takie podstawy w j. polskim, żeby niebyło: 
https://fsgeek.pl/post/angular-podstawy-routingu/
Generalnie póki nie zastosujesz outletów, to każdy komponent będzie się nakładał i pozostawał na stronie stąd wyświetla się wszystko. 
A tu link do dokumentacji 
https://angular.io/api/router/RouterOutlet

Comments

Ok, dziękuję :)

---

Bo ja zastosowałam router-outlet. Muszę to jeszcze gdzieś zastosować  w tych plikach, które tu wrzuciłam albo w innych?

---

tzn zapoznaj się z samym mechanizmem działania, ja dałem Ci źródła do nauki,  bo generalnie tam masz wszystko zamieszczone, jeśli chcesz coś wykorzystywać w tym wypadku routing w angularze, wypada go poznać i wiedzieć jak działa.

Outlet to mechanizm odciecia, to co znajduje się w jego zakresie, bedzie widoczne dla wszystkich komponentów, np... panel nawigacji jeśli chciałbyś utrzymać dla Całej aplikacji