属性 'sumo' 类型 'HTMLElement' 上不存在 SumoSelect JQuery

Question

我正在尝试为我已实现的 SumoSelect 下拉菜单实现 "clear" 或 "reset" 功能。我正在使用 Angular 4。这是我要清除下拉列表时调用的代码：

 var num = $('option').length;
 for(var i=0; i<num; i++){
   $('#state')[0].sumo.unSelectItem(i);
 }

我在我的 node_modules 中安装了 SumoSelect，并将其放入我的 typings.d.ts:

interface JQuery {
   SumoSelect(any):void;

}

在我的 .angular-cli.json 中，我还包含了适当的 js 和 css 文件。我的 SumoSelect 下拉列表工作正常，但我无法弄清楚如何让我的应用程序在我的第一个代码段的第三行识别相扑。我尝试了 JQuery 和 HTMLElement 的其他接口，但没有成功。

Answer 1

尝试在组件中导入 sumo。

import  * as sumo from 'SumoSelect';

和import * as $ from 'jquery';

或者只是这样做

`declare var $ : any ;` //in the component

Property 'sumo' does not exist on type 'HTMLElement' for SumoSelect JQuery