Angular 2 Kendo UI 自动完成不适用于数字

Question

我有一个自动完成字段

<kendo-autocomplete
          [data]="postCodes"
          [placeholder]="'Search for a PostCode'"
          [suggest]="true"
          (valueChange)="valueChange($event)"
          [(ngModel)]="hospital"
        >

        </kendo-autocomplete>

自动完成功能适用于字符串数组。我正在尝试实现邮政编码的自动完成。尽管我将其声明为字符串数组，但似乎没有什么不同。

当我 select 自动完成

中的值时出现以下错误

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

中提到的

Answer 1

当自动完成绑定到的列表项是实际字符串时，该组件似乎按预期工作：

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 = '';
}

WORKING

... 而描述的错误仅在项目为数字时发生：

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;
}

NOT WORKING/ERROR

确保自动完成通过 ngModel 绑定到的模型值是字符串类型，并且列表项也是字符串。

如果问题仍然存在，分享一个类似的可运行示例会很有帮助，在该示例中可以观察到错误。

Angular 2 Kendo UI 自动完成不适用于数字

Angular 2 Kendo UI autocomplete not working for numbers

kendo-ui

kendo-ui-angular2

angular