Angular 14 + angular-datatables 14 dtTrigger and ADTSettings

🪲 bug report

I had this working prior to upgrading to Angular 14 and angular-datatables 14. Post upgrade, [dtTrigger] requires a Subject<ADTSettings> passed to it and that Subject’s next method must pass an ADTSettings type object. As far as I can tell, ADTSettings is an interface that extends the Settings object, but I haven’t a clue how this is suppose to be used.

🔬 Minimal Reproduction

https://github.com/h5aaimtron/angular-datatables-bugged

Step-by-step Instructions:

1. Create Angular 14.2.x app.
2. run ng add angular-datatables
3. Follow code from here: http://l-lin.github.io/angular-datatables/#/advanced/rerender

🎱 Expected behavior

I expected the documentation to guide the process for utilizing the package. Unfortunately, it looks like major breaking changes happened with the latest version and there is a lack of documentation on how to implement any of it.

📷 Screenshots

🌐 Your Environment

• NodeJS version: 16.13
• Angular version: 14.2.9
• Angular CLI version: 14.2.10
• jQuery version: 3.6.1
• DataTables version: Whatever comes with running ng add angular-datatables.
• angular-datatables version: 14

📝 Additional context

A couple notes for the documentation to be corrected.

1. dtElement: DataTableDirective; is not valid syntax in Angular 14, it must be dtElement!: DataTableDirective;
2. rxjs requires a value be passed on any Subject’s next method now.

[h5aaimtron]

Downgraded back to 13.1 for now. That doesn’t seem to have any issues.

[l-lin]

@h5aaimtron, v14.0.2 has been released and I tested your sample using the newest version and there is no build error.