如何在 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。