角2剑道UI自动完成不工作的数字
问题描述:
我有一个自动完成场角2剑道UI自动完成不工作的数字
<kendo-autocomplete
[data]="postCodes"
[placeholder]="'Search for a PostCode'"
[suggest]="true"
(valueChange)="valueChange($event)"
[(ngModel)]="hospital"
>
</kendo-autocomplete>
自动完成正常工作的字符串数组。 我想实现邮编的自动完成。尽管我将它声明为一个字符串数组,但它似乎没有什么区别。
我收到以下错误,当我在自动完成
AutoCompleteComponent.html:2 ERROR TypeError: this.suggestedText.toLowerCase is not a function
at AutoCompleteComponent.get [as suggestion] (autocomplete.component.js:160)
at Object.eval [as updateDirectives] (AutoCompleteComponent.html:7)
at Object.debugUpdateDirectives [as updateDirectives] (
选择值我已经做了很多挖的,我似乎无法得到正确的答案。我甚至尝试修改Number.prototype.toLowerCase在本Post
答
当列表项目是实际的字符串自动完成,势必提到,该组件似乎是按预期工作:
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
styles: ['.countries { width: 300px; }'],
template: `
<div class="example-wrapper">
<kendo-autocomplete
[data]="postCodes"
[placeholder]="'Search for a PostCode'"
[suggest]="true"
[(value)]="zipCode"
>
</kendo-autocomplete>
<hr />
<pre>Selected code: {{zipCode}}</pre>
</div>
`
})
export class AppComponent {
public postCodes: Array<string> = [
"1234",
"2345",
"9999"
];
public zipCode = '';
}
...而只有当项目是数字出现错误描述:
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
styles: ['.countries { width: 300px; }'],
template: `
<div class="example-wrapper">
<kendo-autocomplete
[data]="postCodes"
[placeholder]="'Search for a PostCode'"
[suggest]="true"
[(value)]="zipCode"
>
</kendo-autocomplete>
<hr />
<pre>Selected code: {{zipCode}}</pre>
</div>
`
})
export class AppComponent {
public postCodes: Array<string> = [
1234,
2345,
9999
];
public zipCode;
}
确保AutoComplete绑定到的模型值通过ngModel绑定为string类型,并且列表项也是字符串。
如果问题仍然存在,那么共享类似的可运行示例(其中可以观察到错误)将会很有帮助。
谢谢。即使目标数组声明为Type Array,我也必须明确地将其转换为字符串 –