xxxxxxxxxx
If you use a standolone component in angular 15+ add router module and appcomponent to @component imports
-----------------------------------------------
import { Component, OnInit } from '@angular/core';
import { TopbarComponent } from '../layout/topbar/topbar.component';
import { SidebarComponent } from '../layout/sidebar/sidebar.component';
import { AppComponent } from '../../app.component';
import { RouterModule } from '@angular/router';
@Component({
selector: 'app-home',
standalone : true,
imports : [AppComponent, TopbarComponent,SidebarComponent, RouterModule ],
templateUrl: './home.component.html',
template: '<router-outlet></router-outlet>',
styleUrls: ['./home.component.sass']
})
xxxxxxxxxx
@NgModule({
imports: [
BrowserModule,
RouterModule
],
exports : [RouterModule]
xxxxxxxxxx
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';
import { AppComponent } from './app.component';
import {DashboardComponent} from "./dashboard/dashboard.component"
const appRoutes: Routes = [
{
path: '',
redirectTo: '/dashboard',
pathMatch: 'full',
component: DashboardComponent
},
{
path: 'dashboard',
component: DashboardComponent
}
];
@NgModule({
imports: [
RouterModule.forRoot(appRoutes),
BrowserModule,
FormsModule
],
exports: [RouterModule],
declarations: [
AppComponent,
DashboardComponent
],
bootstrap: [AppComponent]
})
export class AppModule {
}
xxxxxxxxxx
@NgModule({
imports: [
BrowserModule,
RouterModule.forRoot(appRoutes),
FormsModule
],
declarations: [
AppComponent,
DashboardComponent
],
bootstrap: [AppComponent]
})
export class AppModule { }