我已按照以下步骤操作:
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)