Datatables Angular无法绑定到'dtOptions'错误

Question

我正在尝试使用带有角度的数据表，但我收到了这个错误：

无法绑定到'dtOptions'，因为它不是'table'的已知属性

这是settings.component.ts代码的一部分

import { Component, OnInit, ViewChild } from '@angular/core';

import { TableData } from '../md/md-table/md-table.component';
import { DataTables } from 'datatables';

declare var $: any;

declare interface Task {
  title: string;
  checked: boolean;
}

@Component({
    selector: 'app-settings-cmp',
    templateUrl: 'settings.component.html'
})

export class SettingsComponent implements OnInit {


dtOptions: any = {};

ngOnInit() {
  this.dtOptions = {
    ajax: 'api/prodotti/prodotti_all/',
    columns: [{
      title: 'ID',
      data: 'id'
    }, {
      title: 'Code',
      data: 'codice'
    }, {
      title: 'Name',
      data: 'prodotto'
    }]
  };
}

}

这是settings.component.html

的一部分

<table class="table">
    <tbody>
       <tr>
          <table datatable [dtOptions]="dtOptions" class="row-border hover"> 
           </table>
       </tr>
    </tbody>
 </table>

任何人都可以帮我解决这个问题吗？