2017-09-14 74 views
0

我有一个自动完成场角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

回答

2

当列表项目是实际的字符串自动完成,势必提到,该组件似乎是按预期工作:

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

确保AutoComplete绑定到的模型值通过ngModel绑定为string类型,并且列表项也是字符串。

如果问题仍然存在,那么共享类似的可运行示例(其中可以观察到错误)将会很有帮助。

+0

谢谢。即使目标数组声明为Type Array,我也必须明确地将其转换为字符串