🍱 Kanban Module

Kanban feature module setup

Setup another lazy-loaded feature module for the development of Kanban boards.

command line 
ng g module kanban --routing
ng g component kanban/board-list

Add the necessary imports to the kanban module.

file_type_ng_component_ts kanban.module.ts 
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { KanbanRoutingModule } from './kanban-routing.module';
import { SharedModule } from '../shared/shared.module';
import { FormsModule } from '@angular/forms';
import { DragDropModule } from '@angular/cdk/drag-drop';
import { MatButtonToggleModule } from '@angular/material/button-toggle';
import { MatDialogModule } from '@angular/material/dialog';


@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    KanbanRoutingModule,
    SharedModule,
    FormsModule,
    DragDropModule,
    MatDialogModule,
    MatButtonToggleModule,
  ]
})
export class KanbanModule { }

Lazy-load the kanban module.

file_type_ng_component_ts app-routing.module.ts 
const routes: Routes = [
  // ...
  {
    path: 'kanban',
    loadChildren: () =>
      import('./kanban/kanban.module').then(m => m.KanbanModule),
    canActivate: [AuthGuard]
  },
];

Questions? Let's chat

Open Discord