Angular2 md-autocomplete保持先前选定的值

时间:2017-08-09 13:43:28

标签: angular angular-material2 md-autocomplete

我正在使用Angular2并且其中包含来自

的值

情景: -

  1. 用户从自动填充中选择一个值,它会正确显示在输入框中。
  2. 用户然后通过按退格键清除选择,将输入框留空/没有文本但是先前选择的值仍在自动完成中..(持久)
  3. Chrome和Edge中出现同样的问题...

    HTML

    <md-input-container>
       <input mdInput placeholder="Enter Code" [mdAutocomplete]="auto" 
       [formControl]="stateCtrl">
    </md-input-container>
    
    <md-autocomplete #auto="mdAutocomplete" md-no-cache="true">
         <md-option *ngFor="let c of codeNumbers " [value]="c">{{c}}</md-option>
    </md-autocomplete>
    

    打字稿

    export class VehicleComponent implements OnInit
    {
    
        public codeNumbers: any[];
        stateCtrl: FormControl;
        public myForm: FormGroup;
    
        constructor()
        {
            this.stateCtrl = new FormControl();
    
            this.stateCtrl.valueChanges.subscribe(name =>
            {
                if (name.toString().length >= 5) 
                {
                    this.GetCode((name) as string);
                } 
                else
                {
                    this.codeNumbers = null;
                }
    
            });
        }
    }
    

    请求的Getcode()方法

        public GetCode(code:string)
        {
                "use strict";
    
                this.CodeService.GetCODEData(code).subscribe(result => {
                    this.codeNumbers = ((result) as any);
             });
    
        }
    

    附件显示问题 - 任何帮助高度赞赏......

    Valid Selection

    Persisted value in Autocomplete

0 个答案:

没有答案