如何在Angular2中进行自动完成验证？

Question

我一直在尝试使用angular2在表单中实现对输入的自动完成。如果输入无效，我想显示第二个隐藏的div。你能帮帮我怎么做吗？

<div class="form-group">
<div *ngSwitchCase="'organisation'">
    <label [attr.for]="parameter.ObjectID" [innerHtml]="parameter.paramLabel">  </label>
    <input [id]='parameter.ObjectID' class="form-control" type="text" [(ngModel)]="parameter.value" (keyup)="filter()" (change)="filter()" (blur)="filter()" [required]="parameter.mandatory" name="mandatory" #mandatory="ngModel">
    <div *ngIf="companyNames.length > 0">
        <ul *ngFor="let item of filteredCompanyList">
            <li>
                <a (click)="select(item)">{{item}}</a>
            </li>
        </ul>
    </div>
    <div [hidden]="!parameter.mandatory || mandatory.valid || mandatory.pristine" class="alert alert-danger">Please do not leave this field blank</div>
    <div [hidden]="temp(mandatory)" class="alert alert-danger">The organisation entered was either not found or does not subscribe to the product</div>
</div>

Answer 1

如果函数temp()返回false，将显示第二个隐藏的div。

您必须在此功能中执行所有检查（输入有效吗？）。

更新：

只需使用此[hidden]="filteredCompanyList.length > 0"来显示/隐藏您的div。