如何在Angular 2+中设置免费jqGrid

Question

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

首先，我在jsfiddle中改写了一个由Oleg编写的示例。这就是我所做的https://jsfiddle.net/m8ap1dkb/1/ (按照预期工作)

然后将它粘贴到我的angular项目中，但它似乎不能构建。它显示为空白。

在Angular中，我安装了free-jqGrid和jquery，使用静态数据作为网格。

HTML

<table id="grid"></table>

component.ts

import * as $ from 'jquery';

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

angular.json包含

"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",
   ...
 ]

如果能帮上忙，我将不胜感激。

Answer 1

好吧，我不知道我到底做了什么改变，但我已经解决了。

使用“声明var $：any;”，而不是以前的文章中提到的"import * as $ from 'jquery';“。

但keep建议我在创建这个问题之前已经尝试过了，所以这可能不是唯一需要解决的问题。

另外，我删除了脚本中的一行并重新命名。

"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",
  ...
]