Our pure JavaScript Scheduler component


Post by striker »

Hello.
I've just installed licensed Gantt & SchedulerPro. I want to work on it using Angular Wrapper.

My package.json:

  "dependencies": {
    "@angular/animations": "9.1.9",
    "@angular/cdk": "9.2.4",
    "@angular/common": "9.1.9",
    "@angular/compiler": "9.1.9",
    "@angular/core": "9.1.9",
    "@angular/flex-layout": "^9.0.0-beta.28",
    "@angular/forms": "9.1.9",
    "@angular/material": "9.2.4",
    "@angular/platform-browser": "9.1.9",
    "@angular/platform-browser-dynamic": "9.1.9",
    "@angular/router": "9.1.9",
    "@bryntum/gantt": "4.1.0",
    "@bryntum/gantt-angular": "4.1.0",
    "@bryntum/schedulerpro": "4.1.0",
    "@bryntum/schedulerpro-angular": "4.1.0",
 

My .module.ts:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { BryntumGanttModule } from '@bryntum/gantt-angular';
import { BryntumSchedulerProModule } from '@bryntum/schedulerpro-angular';
import { SharedModule } from '../../../../app/shared/shared.module';
import { GanttChartComponent } from './gantt-chart.component';

const routes: Routes = [
  {
    path: '', 
    component: GanttChartComponent
  }
];

@NgModule({
  declarations: [
    GanttChartComponent,
  ],
  imports: [
    SharedModule,
    BryntumGanttModule,
    BryntumSchedulerProModule,
    RouterModule.forChild(routes)
  ]
})
export class GanttChartModule { }

My .component.html:

<bryntum-schedulerpro>
</bryntum-schedulerpro>

Error:

 ERROR in ...../gantt-chart/gantt-chart.component.html:1:1 - error NG8001: 'bryntum-schedulerpro' is not a known element:
    1. If 'bryntum-schedulerpro' is an Angular component, then verify that it is part of this module.
    2. If 'bryntum-schedulerpro' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    
1 <bryntum-schedulerpro> ~~~~~~~~~~~~~~~~~~~~~~ ..../gantt-chart/gantt-chart.component.ts:22:16 22 templateUrl: './gantt-chart.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component GanttChartComponent.

Gantt Angular wrapper is working fine - when I use <bryntum-gantt> - is working.

I tried removing cache, installing all again - always same effect. Gantt is working, SchedulerPro - nope.


Post by sergey.maltsev »

Hi!

Please check wrappers names in this guide https://www.bryntum.com/docs/scheduler-pro/#guides/integration/angular.md#wrappers

<bryntum-scheduler-pro>
</bryntum-scheduler-pro>

Also we have demos which show how to integrate and to use proper names.


Post by striker »

So... please keep documentation valid...
https://www.bryntum.com/docs/scheduler-pro/#guides/integration/angular.md

nowauy.png
nowauy.png (44.24 KiB) Viewed 572 times

bryntum-scheduler-pro is working.

Thanks.


Post by mats »

Thanks for reporting the docs issue, we'll fix it right away!


Post by sergey.maltsev »

Hi!

Online docs fixed. Ctrl + F5 to update Browser cache if not showing new.
Also will be available in NightlyBuild in CustomerZone tomorrow.


Post by striker »

Thanks!


Post Reply