datatables for angular4

[zxdmrg]

Before you write your question, please take some extra time to write a good title that is short yet descriptive.

What versions you are using?

• angular version: 4.0.0
• jquery version: 3.2.1
• datatables version: 1.10.13
• angular-datatables version: 2.2.0
• angular-MM version:

What's the problem?

Error encountered resolving symbol values statically.Calling function 'makeDecorator',

angular-datatables/node_modules/@angular/core/src/metadata/ng_module.d.ts

Can you share your code?

[illiniguy]

For now I pulled the .module.ts and directive.ts from the source on Github into my own module in my code and it works fine.

[yunClouds]

@illiniguy
Can I trouble you for more details how to solve it? thanks alot

[illiniguy]

Just add a copy of the .directive.ts and .module.ts files to your project. Found here (for master):

https://github.com/l-lin/angular-datatables/tree/master/src

Then import that local module file instead of the angular-datatables one. Works for me until they upgrade to support v4.

[yunClouds]

@illiniguy
First of all, Thanks alot illiniguy . I did as you said，I just cope the .directive.ts to my project,but there has some problem as shown in the figure:

How did you solve it?

[l-lin]

You need to add the typings of jQuery and DataTables:

npm install @types/jquery --save-dev
npm install @types/datatables.net --save-dev

[illiniguy]

Yep, apologies. I already had references to those libraries in my project, the latter before trying this library.

[l-lin]

I released the version 4.0.0.
It should be ok now. Tell me if you still have trouble using with Angular 4.x.x.

[illiniguy]

Set it up just now. Seems to be working great. Thanks for the update!

[matthewhegarty]

I still get the error.
I have upgraded to angular-datatables 4.0.0 and I still get the above error. I've tried deleting node_modules, npm cache clean and then npm install.

angular version: 4.0.0
datatables version: 4.0.0
ng version: 1.0.1
node version: 6.9.5

[l-lin]

I honestly don't know why it does not work... With @angular/cli version 1.0.0, it works as expected, and just with one path, it won't work...
So you can:

• either revert back to version 1.0.0 of angular-cli
• either declare the DataTableModule by using forRoot():

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { DataTablesModule } from 'angular-datatables';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    DataTablesModule.forRoot()
  ],
  providers: [],
  bootstrap: [ AppComponent ]
})
export class AppModule {}