Jquery 引导切换的类型定义

Jquery 引导切换的类型定义,jquery,angular,typescript,typescript-typings,Jquery,Angular,Typescript,Typescript Typings,我试图为创建一个类型定义文件,结果得到一个bootstrap-toggle.d.ts文件,如下所示: interface BootstrapToggleOptions { on?: string; off?: string; onstyle?: OnOffStyle; offstyle?: OnOffStyle; size?: Size; width?: number; height?: number; } type OnOf

我试图为创建一个类型定义文件,结果得到一个bootstrap-toggle.d.ts文件,如下所示:

interface BootstrapToggleOptions {
    on?: string;

    off?: string;

    onstyle?: OnOffStyle;

    offstyle?: OnOffStyle;

    size?: Size;

    width?: number;

    height?: number;
}

type OnOffStyle = "default" | "primary" | "success" | "info" | "warning" | "danger";
type Size = "large" | "normal" | "small" | "mini";

interface JQuery {
    bootstrapToggle(): JQuery;

    bootstrapToggle(options?: BootstrapToggleOptions): JQuery;
}
在我的角度分量中,我有以下代码(仅显示部分):

到目前为止还不错,webpack可以毫无错误地传输所有内容

但当我运行它时,我得到了以下错误:

$(…)。Bootstraptogle不是一个函数

我需要什么来改变它的工作方式

我使用TypeScript 2.0.6和Angular 2

你的打字对我来说很好(我得到了清除的TypeScript警告)-你得到的错误一定是Angular没有导入库?你的打字对我来说很好(我得到了清除的TypeScript警告)-你得到的错误一定是Angular没有导入库?
@ViewChild('competitionToggle') competitionToggle: ElementRef;

ngAfterViewInit(): void {
        $(this.competitionToggle.nativeElement).bootstrapToggle({
            on: 'Yes',
            off: 'No'
        });
    }