如何在Angular 5中使用jQuery UI自动完成功能?

我已按照以下步骤操作:

1)通过以下命令安装了jquery-ui

npm install jquery jquery-ui jquery-ui-dist --save

2)在.angular-cli.json文件中添加了脚本

"scripts": [
        "../node_modules/jquery/dist/jquery.min.js","../node_modules/jquery-ui-dist/jquery-ui.js"
      ],

3)在ts文件中添加了代码:

declare var jquery: any;
declare var $: any;

ngOnInit() {
     $('#insuranceCompanyName').autocomplete({
         source: this.companyListOptions
      });
}

4)html中的代码:

<input #insuranceCompanyName appDisablePaste class="form-control input-sm" name="insuranceCompanyName" id='insuranceCompanyName'
          formControlName="insuranceCompanyName" (keyup)="searchInsuranceCompanyNames(insuranceCompanyName)"/>

我在文本框中输入任何字母后得到的错误是:

core.js:1440 ERROR TypeError: this.source is not a function
    at $.<computed>.<computed>._search (scripts.bundle.js:6018)
    at $.<computed>.<computed>._search (scripts.bundle.js:147)
    at $.<computed>.<computed>.search (scripts.bundle.js:6010)
    at $.<computed>.<computed>.search (scripts.bundle.js:147)
    at $.<computed>.<computed>.<anonymous> (scripts.bundle.js:5991)
    at handlerProxy (scripts.bundle.js:644)
    at ZoneDelegate.invoketask (zone.js:421)
    at Object.onInvoketask (core.js:4724)
    at ZoneDelegate.invoketask (zone.js:420)
    at Zone.runTask (zone.js:188)
dengfuji 回答:如何在Angular 5中使用jQuery UI自动完成功能?

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3101982.html

大家都在问