Kann nicht binden 'dtOptions' da ist es nicht eine bekannte Eigenschaft des 'table'.

Bin ich arbeiten, um eckige Art, wie die Arbeit und verwenden Sie diesen code https://l-lin.github.io/angular-datatables/#/basic/angular-way

- node version:v6.10.3
- npm version:v6.10.3
- angular version:4.3.2
- jquery version:3.2.1
- datatables version:1.10.15
- angular-datatables version:4.2.0
- angular-cli version:1.2.6

Ich haben diese Schritte zum beheben von Unerwarteten Wert "DataTablesModule" importiert durch das Modul "AppModule". Fügen Sie bitte ein @NgModule Annotation. 

 1-in tsconfig.json add
"baseUrl": ".",
"paths": {
   "@angular/*": [
    "node_modules/@angular/*"
 ]
 2-in webpack.comon.js add 
  plugins: [
         new TsConfigPathsPlugin({
          configFileName: helpers.root('tsconfig.json'),
          compiler: "typescript",
        })
   ]

aber bekomme diese Fehlermeldung 

Can't bind to 'dtOptions' since it isn't a known property of 'table'.

Kann mir jemand helfen bitte dieses Problem zu beheben isuue?

  • hast du eine funktionierende Lösung für obiges Problem ?
InformationsquelleAutor Ali-Alrabi | 2017-09-11
  1. 11

    Wenn Sie TablesComponent sind, sollten Sie diese Zeile in Ihrem tables.module.ts Datei:

    import { DataTablesModule } from 'angular-datatables';

    Und fügen Sie DataTablesModule zu @NgModule Einfuhren.

    Hatte ich Fehler, wenn ich diese Zeilen in appComponent, aber wenn ich Importiere in meinem speziellen Modul, das problem war gelöst.

    InformationsquelleAutor Ganj Khani
  2. 2

    Schritt 1. Update ".Winkel-cli.json" - Datei, Styles und scripts Eigenschaften als unten.

    {
 ........
  "apps": [
    { 
      "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        //for bootstrap4 theme
        "../node_modules/datatables.net-bs4/css/dataTables.bootstrap4.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js",
        //for Datatable
        "../node_modules/datatables.net/js/jquery.dataTables.js",
        //for bootstrap4
        "../node_modules/datatables.net-bs4/js/dataTables.bootstrap4.js"
      ]
      ...
    }
  ],
 .....
}

    Schritt 2. import DataTable-Modul in unserem Winkel-Anwendungs-Modul(Wo Sie Sie brauchen.) 

    import { DataTablesModule } from 'angular-datatables';

    Unten ist das Beispiel für eine html-Tabelle, die mit DataTable -

    <table id='table' datatable [dtOptions]="dtOptions" class="table table-striped table-bordered" cellspacing="0" width="100%">
      </table>
    InformationsquelleAutor Ravindra Vairagi
  3. 0

    Je nachdem, wie Sie haben, strukturiert Ihre Winkel-app (wenn Sie haben gemeinsame Module), müssen Sie möglicherweise importieren Sie Sie über forRoot es ist also ein behandelt, als ein singleton-service: DataTablesModule.forRoot(). Dies hat den trick für mich.

    InformationsquelleAutor Rich
  4. 0

    import { DataTablesModule } from 'angular-datatables';

    richtig (Ganj Khani) importieren Sie die DataTablesModule in app.module.ts - Datei und legen Sie es in

    @NgModule({
    imports: [
    CommonModule,
    DataTablesModule,
    MyRoutingModule
    ]

    Es funktioniert wie erwartet, und stellen Sie sicher, Sie haben alles korrekt konfiguriert für die dtOptions in Ihrem jeweiligen .ts Datei.

    InformationsquelleAutor Manoj Maduri
Schreibe einen Kommentar