Creating timeline view in Angular


#1

I’m trying to get a timeline view working in Angular with scheduler. I’m following this tutorial https://docs.dhtmlx.com/scheduler/timeline_view.html but I’m getting the error below.

I’ve installed the PRO version.

The tutorial does not specify how to include the timeline files for angular. I was wondering if anyone was able to get this to work.

`timeline` view is not defined. 
Please check parameters you pass to `scheduler.init` or `scheduler.setCurrentView` in your code and ensure you've imported appropriate extensions. 
Related docs: https://docs.dhtmlx.com/scheduler/timeline_view.html
You're probably missing ext/dhtmlxscheduler_timeline.js, ext/dhtmlxscheduler_treetimeline.js, ext/dhtmlxscheduler_daytimeline.js.

    at Object.g.render_view_data (dhtmlxscheduler.js:228)
    at Object.g.update_view (dhtmlxscheduler.js:144)
    at Object.g.updateView (dhtmlxscheduler.js:147)
    at Object.g.setCurrentView (dhtmlxscheduler.js:148)
    at HTMLDivElement.dhx_cal_tab [as __zone_symbol__ON_PROPERTYclick] (dhtmlxscheduler.js:113)
    at HTMLDivElement.wrapFn (zone.js:1188)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:17290)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)```

#2

Hi @turnip314,
please, check if you included the dhtmlxscheduler_timeline.js extension to your .angular-cli.json file:

"scripts”: [ 
...
"/node_modules/dhtmlx-scheduler/codebase/ext/dhtmlxscheduler_timeline.js” 
],