如何在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脚本和插件。