Angular 从文本框中的自动完成建议中检索所选选项
我有一个启用了自动完成功能的文本框。现在,我想从自动完成建议中检索文本框中的选定选项,并将其推送到另一个文本框中。我如何用typescript编码?有什么办法吗 下面是具有自动完成建议的文本框的代码:Angular 从文本框中的自动完成建议中检索所选选项,angular,typescript,autocomplete,mat-autocomplete,Angular,Typescript,Autocomplete,Mat Autocomplete,我有一个启用了自动完成功能的文本框。现在,我想从自动完成建议中检索文本框中的选定选项,并将其推送到另一个文本框中。我如何用typescript编码?有什么办法吗 下面是具有自动完成建议的文本框的代码: <div class="form-group"> <label>Primary Contact</label> <input type="text" placeholder="Enter" matInput [formControl]="m
<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>
主要联系人
{{option}}
mat autocomplete
具有不同的功能,在本例中,您正在寻找:
@Output()
选项选择:EventEmitter
我们也要这样做:
<mat-autocomplete ... (optionSelected)="doSomething($event.option.value)">
有了它,您可以分配在doSomething()
中获得的数据,或者执行任何需要执行的操作
使用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" >
主要联系人
{{option}}