如何在 Angular 7 中使用 Jquery 第三方插件？

Question

我在 Angular 7 项目中添加了 jquery 和 jquery 第三方插件“stiffChart”。我已经在我的项目中安装了 jquery 和插件。在 angular.json 文件中声明相同但在调用插件方法时出现以下错误。

错误：[ts] 类型“JQuery”上不存在属性“stiffChart”

我的代码：

import { Component, OnInit } from '@angular/core'; 
import * as $ from'jquery';
interface JQuery {   stiffChart(options?: any): any; }
@Component({   
    selector: 'app-demo',   templateUrl:   './demo.component.html',   
    styleUrls: ['./demo.component.css'] })
    export class DemoComponent implements OnInit {
    constructor() { }
    ngOnInit() {
     $('#your-chart-name').stiffChart({});
 }}

请让我知道我在这里做错了什么。

Answer 1

你需要在angular.json文件中包含jquery脚本和插件。