¿Cómo puedo hacer Autocompletar en Typescript? Tener archivos jquery.d.ts y jquery.autocomplete.d.ts - javascript, jquery-ui, jquery-mobile, typescript, jquery-autocomplete

Hola, estoy tratando de hacer "" Autocompletar "" "en TypeScript & Jquery.

 this.$("#testAuto").autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});

Pero el compilador no puede encontrar el autocompletado en ninguno de los archivos d.ts.

 **error TS2094: The property "autocomplete does not exist on value of type "JQuery".**

Estoy usando Jquery v2.

Por favor ayuda !!

Respuestas

Debe agregar una referencia al archivo autocomplete.d.ts, por ejemplo:

/// <reference path="path/to/your/jquery.autocomplete.d.ts" />

Aunque sospecho que está utilizando el archivo de definición incorrecto y debería usar este: https://github.com/borisyankov/DefinitelyTyped/blob/master/jqueryui/jqueryui.d.ts

Contiene su definición requerida:

interface JQuery {
// ...

autocomplete(): JQuery;
autocomplete(methodName: string): JQuery;
autocomplete(methodName: "close"): void;
autocomplete(methodName: "destroy"): void;
autocomplete(methodName: "disable"): void;
autocomplete(methodName: "enable"): void;
autocomplete(methodName: "search", value?: string): void;
autocomplete(methodName: "widget"): JQuery;
autocomplete(options: JQueryUI.AutocompleteOptions): JQuery;
autocomplete(optionLiteral: string, optionName: string): any;
autocomplete(optionLiteral: string, options: JQueryUI.AutocompleteOptions): any;
autocomplete(optionLiteral: string, optionName: string, optionValue: any): JQuery;

// ...
}

Actualización: solución útil rápida Ya que estás usando la versión bootstrap, retirar la referencia a jquery.autocomplete.d.ts y jqueuryUI. Y solo tienes el siguiente bloque antes de tu código:

interface JQuery{
autocomplete(config:{source:string[];});
}