I'm trying to figure out this problem, i saw some issues but don t solved my problem...
I have a component called "Cliente" that i want to call in app.component.html, i put the router link in element but don't show anything.
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BsDropdownModule} from 'ngx-bootstrap/dropdown';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ClienteComponent } from './Cliente/cliente.component';
import { RouterModule } from '@angular/router';
import { HttpClientModule } from '@angular/common/http';
@NgModule({
declarations: [
AppComponent
],
imports: [
AppRoutingModule,
BrowserModule,
HttpClientModule,
BsDropdownModule.forRoot(),
BrowserAnimationsModule,
RouterModule.forRoot([
{path: 'Cliente',pathMatch:'full', component:ClienteComponent}
])
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }app-routing-module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ClienteComponent } from './Cliente/cliente.component';
const routes: Routes = [
RouterModule.forRoot([
{path: 'Cliente',pathMatch:'full', component:ClienteComponent},
])
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }app.component.html
<div style="text-align:center">
<h1>
<a class="nav-link active" routerLink="/Cliente" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
Cliente
</a>
</h1>
<router-outlet></router-outlet>