Javascript 错误引用错误：$未在角度数据表中定义

我试图将分页和排序添加到我的表中，但是我遇到了这个错误，但是我遵循了这里列出的所有步骤

我已经检查了前面的问题，但我没有与我一起工作

我安装了它的所有依赖项

以下是组件的代码：-

从'@angular/core'导入{Component，OnInit，OnDestroy}；
从“../../service/product service.service”导入{ProductService}；
从“rxjs”导入{Subscription，Subject}；
@组成部分({
选择器：'应用程序管理产品'，
templateUrl:“./admin products.component.html”，
样式URL:['./admin products.component.css']
})
导出类AdminProductsComponent实现OnInit、OnDestroy{
产品：任何[]；
过滤产品：任何[]；
认购：认购；
dtOptions:DataTables.Settings={}；
dtTrigger:Subject=newsubject（）；
构造函数（私有产品服务：产品服务）{
this.subscribtion=productService.getAll（）。
//我们复制产品并分配给filteredProducts
订阅(
产品=>{
this.filteredProducts=this.products=产品；
this.dtTrigger.next（）；
}
);
}
恩戈尼尼特（）{
此.dtOptions={
pagingType:“完整编号”，
页长：5，
处理：正确
};
}
过滤器（queryStr:string）{
//console.log（this.filteredProducts）；
if（queryStr）{
this.filteredProducts=this.products。
过滤器（p=>p.payload.val（）.title.toLowerCase（）.includes（queryStr.toLowerCase（））；
}否则{
this.filteredProducts=this.products；
}
}
ngOnDestroy（）：void{
//退订
this.subscribtion.unsubscribe（）；
}
}

$notdefined主要是指没有包含JQuery

尝试将：添加到您的程序中

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js" type="text/javascript"></script>

---

$notdefined主要是指没有包含JQuery

尝试将：添加到您的程序中

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js" type="text/javascript"></script>

---

听起来好像您没有包括jQuery……如果您还没有加载jQuery，您可能会问自己DataTables是否正确。还有其他不需要另一个库的选项。我已经在angular.json“样式”中添加了这些脚本：[“node_modules/datatables.net dt/css/jquery.datatables.css”]，“scripts”：[“node_modules/jquery/dist/jquery.js”，“node_modules/datatables.net/js/jquery.datatables.js”]，在polyfill.ts中，从“jQuery”添加

import*作为jQuery；窗口['$']=jQuery听起来好像您没有包括jQuery……如果您还没有加载jQuery，您可能会问自己DataTables是否正确。还有其他不需要另一个库的选项。我已经在angular.json“样式”中添加了这些脚本：[“node_modules/datatables.net dt/css/jquery.datatables.css”]，“scripts”：[“node_modules/jquery/dist/jquery.js”，“node_modules/datatables.net/js/jquery.datatables.js”]，在polyfill.ts中，从“jQuery”添加
import*作为jQuery；窗口['$']=jQuery我已经试过了，但现在不起作用了，但是为什么我在Index.html中添加了它，而在angular.json中不起作用了在angular中使用JQuery时，如果在angular中执行某些操作之前不定义JQuery，它将不起作用，因为它没有定义。这不起作用。尝试以下步骤-1。npm安装jquery@types/jquery——保存2。转到项目中的angular.json，在脚本[]中添加“node_modules/jquery/dist/jquery.min.js”。3.重新加载项目。我已经试过了，但现在不起作用，但为什么我在Index.html中添加了它，而在angular.json中不起作用呢？在angular中使用JQuery时，如果在angular中执行某些操作之前没有定义JQuery，它将不起作用，因为它没有定义。这不起作用。尝试以下步骤-1。npm安装jquery@types/jquery——保存2。转到项目中的angular.json，在脚本[]中添加“node_modules/jquery/dist/jquery.min.js”。3.重新加载项目。