这是我的角度物资自动完整代码
< input type =“search”id =“setId”name =“setId”[attr.list] =‘collectionType’[(ngModel)] =“selValue”class =“text-box” placeholder =“ - 选择 - ”(焦点)= …
改进我的评论,并根据我们可以创建指令的响应
import { Directive, AfterViewInit, OnDestroy, Optional } from '@angular/core'; import { MatAutocompleteTrigger } from '@angular/material'; @Directive({ selector: '[tab-directive]' }) export class TabDirective implements AfterViewInit, OnDestroy { observable: any; constructor(@Optional() private autoTrigger: MatAutocompleteTrigger) { } ngAfterViewInit() { this.observable = this.autoTrigger.panelClosingActions.subscribe(x => { if (this.autoTrigger.activeOption) { this.autoTrigger.writeValue(this.autoTrigger.activeOption.value) } }) } ngOnDestroy() { this.observable.unsubscribe(); } }
你用:
<input tab-directive type="text" matInput [formControl]="myControl" [matAutocomplete]="auto" >
(看到 stackblitz )