component url shows is the home page with any url address in the app

I have two components app.component.html and app-success-component,in my routing i have :

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { SuccessComponenetComponent } from './success-componenet/success-componenet.component';

const routes: Routes = [{ path:'success-componenet', component: SuccessComponenetComponent
}];

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


the problem is when i browse :

http://localhost:4200/success-componenet


the url is http://localhost:4200/success-componenet but it shows also my homepage,i need this page to be empty,it does not contain anything in its html but why its showing my http://localhost:4200/ page even though the url is http://localhost:4200/success-componenet,any idea?

Continue reading...