错误TypeError:在angular 4中使用时，$(...).DataTable不是函数

在Angular 4中使用$(...).DataTable不是函数的错误是由于未正确引入和使用jQuery插件导致的。在Angular中，直接使用jQuery插件是不推荐的，因为Angular提倡使用组件化的方式进行开发。

解决这个错误的方法是使用Angular的方式来处理表格数据和交互，而不是直接调用jQuery插件。Angular提供了丰富的组件和指令来处理表格数据，例如使用ngFor指令来循环渲染表格数据，使用ngIf指令来条件性地显示表格内容，使用ngClass指令来动态添加样式等。

以下是一个示例代码，展示如何在Angular中处理表格数据：

1. 在组件的HTML模板中，使用ngFor指令来循环渲染表格数据：

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let person of people">
      <td>{{ person.name }}</td>
      <td>{{ person.age }}</td>
    </tr>
  </tbody>
</table>

1. 在组件的Typescript代码中，定义表格数据：

export class AppComponent {
  people = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 }
  ];
}

通过以上方式，你可以在Angular中实现表格数据的展示和交互，而不需要使用$(...).DataTable这样的jQuery插件。

关于Angular的更多信息和学习资源，你可以参考腾讯云的Angular产品介绍页面：Angular产品介绍