单击垫选项“自动完成-角度材质”时保留输入值

时间:2019-08-09 21:46:43

标签: angular angular-material

我正在使用Angular Material Autocomplete进行实时Youtube搜索,但是当我选择mat-option时,它的值将替换输入值。我想在单击mat-option时保留原始值,而不要替换。

我可以通过FormControl的'setValue'方法设置新值,但是我无法检索输入的原始值,当我单击mat-option时,它将立即替换

<mat-form-field style="width: 50%;">
   <input type="text" [matAutocomplete]="auto" 
   (keyup)="searchTerm$.next($event.target.value)" matInput 
   [formControl]="search" >
</mat-form-field>
<mat-autocomplete #auto="matAutocomplete" 
  (optionSelected)="itemSelected($event)">
   <mat-option (click)="addToList(video)" *ngFor="let video of videos" 
     [value]="video.snippet.title">
     <img [src]="video.snippet.thumbnails.default.url" width="50">
     <span [innerHTML]="video.snippet.title"></span>
   </mat-option>
 </mat-autocomplete>

0 个答案:

没有答案