如何在angular的引导模式中使用datatable

npm install jquery --save
npm install datatables.net --save
npm install datatables.net-dt --save

import * as $ from 'jquery';
import 'datatables.net';
import 'datatables.net-dt';
import 'datatables.net-dt/css/jquery.dataTables.css';

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponentComponent implements OnInit, AfterViewInit {

  constructor() { }

  ngOnInit() {
  }

  ngAfterViewInit(): void {
    $(document).ready(function() {
      $('#dataTable').DataTable();
    });
  }

}

<table id="dataTable">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <!-- 更多列... -->
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <!-- 更多数据... -->
    </tr>
  </tbody>
</table>