Jquery 如何在Angular 2+;

Jquery 如何在Angular 2+;,jquery,angular,jqgrid,free-jqgrid,Jquery,Angular,Jqgrid,Free Jqgrid,我试着按照这个网站上关于安装免费jqGrid的一些解释,但没有成功 首先,我在JSFIDLE中用Oleg覆盖了一个示例。这就是我所做的 (按预期工作) 然后将其粘贴到我的angular项目中,但它似乎无法构建。它显示为空白 在Angular中,我安装了免费的jqGrid和jquery,为网格使用静态数据 HTML 如果有人能帮忙,我将不胜感激。嗯,我不知道我到底做了什么改变,但我已经解决了 使用“declare var$:any;”而不是“import*as$from'jquery';”,正如在

我试着按照这个网站上关于安装免费jqGrid的一些解释,但没有成功

首先,我在JSFIDLE中用Oleg覆盖了一个示例。这就是我所做的 (按预期工作)

然后将其粘贴到我的angular项目中,但它似乎无法构建。它显示为空白

在Angular中,我安装了免费的jqGrid和jquery,为网格使用静态数据

HTML


如果有人能帮忙,我将不胜感激。

嗯,我不知道我到底做了什么改变,但我已经解决了

使用“declare var$:any;”而不是“import*as$from'jquery';”,正如在以前的文章中提到的那样

但请注意,我在提出这个问题之前已经试过了,所以这可能不是唯一要解决的问题

此外,我还删除了脚本中的一行并重新设置了密度

"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/jquery-ui-dist/jquery-ui.min.js",
  "node_modules/free-jqgrid/js/jquery.jqgrid.min.js",
  ...
]
import * as $ from 'jquery';

ngOnInit() {
$( () => {
      "use strict";
      (<any>$("#grid")).jqGrid({... (as in fiddle)

 
"scripts": [
   ...
   "node_modules/jquery-ui/themes/base/all.css",
   "node_modules/free-jqgrid/css/ui.jqgrid.min.css"
 ],
"scripts": [
   "node_modules/jquery/dist/jquery.min.js",
   "node_modules/free-jqgrid/js/jquery.jqgrid.min.js",
   "node_modules/jquery/dist/jquery.js",
   "node_modules/jquery-ui-dist/jquery-ui.min.js",
   ...
 ]
"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/jquery-ui-dist/jquery-ui.min.js",
  "node_modules/free-jqgrid/js/jquery.jqgrid.min.js",
  ...
]