Skip to content
This repository was archived by the owner on Feb 2, 2025. It is now read-only.
This repository was archived by the owner on Feb 2, 2025. It is now read-only.

Angular 14 + angular-datatables 14 dtTrigger and ADTSettings #1692

@h5aaimtron

Description

@h5aaimtron

🪲 bug report

I had this working prior to upgrading to Angular 14 and angular-datatables 14. Post upgrade, [dtTrigger] requires a Subject 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

image

🌐 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.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions