我有一个启用了自动完成功能的文本框。现在,我想从自动完成建议中检索文本框中的选定选项,然后将其推入另一个文本框中。如何在打字稿中编码?有什么方法吗?
下面是具有自动完成建议的文本框代码:
<div class="form-group">
<label>Primary Contact</label>
<input type="text" placeholder="Enter" matInput [formControl]="myControl" [matAutocomplete]="auto">
<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let option of options" [value]="option">{{option}}</mat-option>
</mat-autocomplete>
</input>
</div>
答案 0 :(得分:0)
mat-autocomplete
具有不同的events,在这种情况下,您正在寻找:
@Output() optionSelected: EventEmitter<MatAutocompleteSelectedEvent>
也是这样:
<mat-autocomplete ... (optionSelected)="doSomething($event.option.value)">
您可以分配在doSomething()
中获得的数据,也可以做您需要做的任何事情。
答案 1 :(得分:0)
使用ngModel绑定到myControl。
<div class="form-group">
<label>Primary Contact</label>
<input type="text" placeholder="Enter" matInput [formControl]="myControl" [matAutocomplete]="auto">
<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let option of options" [value]="option">{{option}}</mat-option>
</mat-autocomplete>
</input>
</div>
<input type="text" placeholder="displayTextbox" [(ngModel)]="myControl.value" >