javascript:提供的参数与调用目标的任何签名都不匹配

Question

我正在尝试使用 typeahead.js 在 Angular2 应用程序中实现 typeahead。在 typescript 文件中，我添加了以下导入段。

import initTypeahead = require("../../../assets/js/init/dashboard.js");

仪表板.d.ts

declare function initTypeahead(data:any,id:any): void;
export = initTypeahead(data,id);

dashboard.js

if ('undefined' !== typeof module) {

  module.exports = function initTypeahead(data, element) {
    console.log(data);
    console.log(element);
    var _values = new Bloodhound({
      datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
      queryTokenizer: Bloodhound.tokenizers.whitespace,
      local: data
    });
    _values.initialize();

    var elt = $(element);
    elt.tagsinput({
      itemValue: 'code',
      itemText: 'value',
      typeaheadjs: {
        name: '_values',
        displayKey: 'value',
        source: _values.ttAdapter()
      }
    });
  }
}

然后在 typescript 中添加以下几行。

private getCities(): void {
  this.componentsService.getCriteriaValues(this.product, "city").subscribe(res => {
    initTypeahead(res.returnData, '#city'); // error at this line

  });


}

ng 服务上显示以下错误

Supplied parameters do not match any signature of call target.

任何建议都将受到高度赞赏。

谢谢

Answer 1

如果您使用 Angular-CLI:

angular-cli.json:

"scripts": [
        "assets/js/init/dashboard.js"
 ],

您使用它的地方:

import '../../../assets/js/init/dashboard.js';

declare function initTypeahead(data:any,id:any): void;

您首先需要从 angular-cli.json加载库，然后您可以将该代码实际导入到您的组件中，以便使用它的方法、变量等。