我正在使用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>