'dtOptions'は 'table'の既知のプロパティではないため、 'dtOptions'にバインドできません。

Question

私は角道の仕事を取得し、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 

このコードを使用して働いている私は、モジュール「AppModule」でインポート予期しない値「DataTablesModule」を修正するために、この手順を行いました。 @NgModuleアノテーションを追加してください。

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", 
     }) 
    ] 

しかし

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

このエラーを取得誰も私がこのisuueを修正するために助けてくださいことはできますか？

Answer 1

ステップ1.以下のように、「.angular-cli.json」ファイルの「スタイルとスクリプト」プロパティを更新します。 （。あなたが必要）以下

たちのアンギュラアプリケーションモジュールで

{ 
........ 
    "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" 
     ] 
     ... 
    } 
    ], 
..... 
} 

ステップ2.インポートのDataTableモジュール

import { DataTablesModule } from 'angular-datatables'; 

のDataTable使用しているHTMLテーブルの一例である -

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

Answer 2

TablesComponentの場合は、tables.module.tsファイルに次の行を使用してください。

import { DataTablesModule } from 'angular-datatables'; 

DataTablesModule〜@NgModuleインポートを追加します。

これらの行をappComponentに追加するとエラーが発生しましたが、特殊モジュールでインポートすると問題は解決しました。