Question

[在此处输入图像说明] [1]

[在此输入图像说明] [2]

如果我想将像jquery.tabulator这样的jQuery插件添加到angular项目中，那我们该怎么做呢？因为我在angula.cli.json文件中添加了插件js代码＆＃34;脚本＆＃34;：[

    "assets/libraries/tabulator/tabulator-min.js",

但是当我使用制表器初始化函数来初始化它时，它会给出一个错误。物业＆＃39;制表机＆＃39;在类型＆＃39; JQuery

上不存在

Answer 1

安装jquery，jquery-ui和jquery.tabulator

npm install jquery jquery-ui-dist jquery.tabulator --save
安装jquery的打字，由typescript使用，保存到dev 依赖

npm install @types/jquery --save-dev
在tsconfig.app.json文件中添加jquery
```
...
"types": [
  "jquery"
]
... 
```

在.angular-cli.json

中包含jquery和插件脚本


...
"styles": [
  "styles.css",
  "../node_modules/jquery.tabulator/dist/css/tabulator.min.css"
],
"scripts": [
  "../node_modules/jquery/dist/jquery.min.js",
  "../node_modules/jquery-ui-dist/jquery-ui.min.js",
  "../node_modules/jquery.tabulator/dist/js/tabulator.min.js"
]
...

在您的本地打字声明文件typings.d.ts中添加一个接口JQuery并声明插件函数
```
interface JQuery {
  tabulator(options1?: any, options2?:any): any;
}
```
像往常一样使用制表机

这是参考链接Angular 5 — using jquery plugins

我们如何在angular 5项目

1 个答案: