feat(demo): use standalone components

Author: bartholomej

projects/demo/src/app/app-routing.module.ts

@@ -4,13 +4,11 @@ import { RouterModule, Routes } from '@angular/router';
 export const routes: Routes = [
   {
     path: '',
-    loadChildren: () =>
-      import('./component-way/component-way.module').then((m) => m.ComponentWayModule),
+    loadComponent: () => import('./component-way/component-way.component'),
   },
   {
     path: 'directive-way',
-    loadChildren: () =>
-      import('./directive-way/directive-way.module').then((m) => m.DirectiveWayModule),
+    loadComponent: () => import('./directive-way/directive-way.component'),
   },
 ];
 

projects/demo/src/app/app.module.ts

@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { NgxScrollTopModule } from '../../../ngx-scrolltop/src/lib/ngx-scrolltop.module';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [BrowserModule, AppRoutingModule, NgxScrollTopModule],
+  imports: [BrowserModule, AppRoutingModule],
   providers: [],
   bootstrap: [AppComponent],
 })

projects/demo/src/app/component-way/component-way-routing.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { ComponentWayComponent } from './component-way.component';
+import ComponentWayComponent from './component-way.component';
 
 const routes: Routes = [{ path: '', component: ComponentWayComponent }];
 

projects/demo/src/app/component-way/component-way.component.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import { NgxScrollTopComponent } from 'projects/ngx-scrolltop/src/public-api';
 
 @Component({
   selector: 'app-component-way',
   templateUrl: './component-way.component.html',
   styleUrls: ['./component-way.component.scss'],
+  standalone: true,
+  imports: [NgxScrollTopComponent],
 })
-export class ComponentWayComponent {}
+export default class ComponentWayComponent {}

projects/demo/src/app/component-way/component-way.module.ts

@@ -2,10 +2,9 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { NgxScrollTopModule } from '../../../../ngx-scrolltop/src/lib/ngx-scrolltop.module';
 import { ComponentWayRoutingModule } from './component-way-routing.module';
-import { ComponentWayComponent } from './component-way.component';
+import ComponentWayComponent from './component-way.component';
 
 @NgModule({
-  declarations: [ComponentWayComponent],
-  imports: [NgxScrollTopModule, CommonModule, ComponentWayRoutingModule],
+  imports: [NgxScrollTopModule, CommonModule, ComponentWayRoutingModule, ComponentWayComponent],
 })
 export class ComponentWayModule {}

projects/demo/src/app/directive-way/directive-way-routing.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { DirectiveWayComponent } from './directive-way.component';
+import DirectiveWayComponent from './directive-way.component';
 
 const routes: Routes = [{ path: '', component: DirectiveWayComponent }];
 

projects/demo/src/app/directive-way/directive-way.component.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import { NgxScrollTopDirective } from 'projects/ngx-scrolltop/src/public-api';
 
 @Component({
   selector: 'app-directive-way',
   templateUrl: './directive-way.component.html',
   styleUrls: ['./directive-way.component.scss'],
+  standalone: true,
+  imports: [NgxScrollTopDirective],
 })
-export class DirectiveWayComponent {}
+export default class DirectiveWayComponent {}

projects/demo/src/app/directive-way/directive-way.module.ts

@@ -2,10 +2,9 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { NgxScrollTopModule } from '../../../../ngx-scrolltop/src/lib/ngx-scrolltop.module';
 import { DirectiveWayRoutingModule } from './directive-way-routing.module';
-import { DirectiveWayComponent } from './directive-way.component';
+import DirectiveWayComponent from './directive-way.component';
 
 @NgModule({
-  declarations: [DirectiveWayComponent],
-  imports: [CommonModule, DirectiveWayRoutingModule, NgxScrollTopModule],
+  imports: [CommonModule, DirectiveWayRoutingModule, NgxScrollTopModule, DirectiveWayComponent],
 })
 export class DirectiveWayModule {}