首先让我澄清我已经经历过的一件事https://github.com/ghiscoding/angular-slickgrid/wiki/HOWTO---Step-by-Step并遵循强制要求的每个步骤。无论如何,让我告诉你我遵循了什么步骤
已安装 Angular slickGrid
npm i angular-slickgrid
在angular.json中添加了所需的css和js
"node_modules/bootstrap/dist/css/bootstrap.css",
"node_modules/font-awesome/css/font-awesome.css",
"node_modules/flatpickr/dist/flatpickr.css",
"node_modules/angular-slickgrid/lib/multiple-select/multiple-select.css",
"styles.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.js",
"node_modules/jquery-ui-dist/jquery-ui.min.js",
"node_modules/slickgrid/lib/jquery.event.drag-2.3.0.js",
"node_modules/bootstrap/dist/js/bootstrap.js",
"node_modules/angular-slickgrid/lib/multiple-select/multiple-select.js"
],
在app.module.ts中正确导入AngularSlickgridModule
imports: [ AngularSlickgridModule.forRoot() ]
我已经安装了 Angular slickgrid 所需的软件包
package.json
"@angular/animations": "^9.1.9",
"@angular/cdk": "^9.2.4",
"@angular/compiler": "^9.1.9",
"@angular/material": "^9.2.4",
"@angular/platform-browser": "^9.1.9",
"@angular/platform-browser-dynamic": "^9.1.9",
"@angular/router": "^9.1.9",
"bootstrap": "^4.4.1",
"font-awesome": "^4.7.0",
"@types/jquery": "^3.3.38",
"jquery": "^3.3.1",
"@ngx-translate/core": "^12.1.2",
"@ng-bootstrap/ng-bootstrap": "^6.1.0",
我在 Angular 12 上遇到了与 [电子邮件受保护] 相同的问题,我找到了这个解决方法
在app.component.ts中添加
import * as $ from 'jquery';
window["$"] = $;
window["jQuery"] = $;