没有NgModel的提供者！将ngControl添加到bootstrap 4 TypeHead a

发布时间：2020-12-18 00:21:58 所属栏目：安全来源：网络整理

导读：我试图在Angualr js 2中添加ngControl表单验证到bootstrap 4 typehead控件. 代码如下. input [(ngModel)]="model.brand" [typeahead]="model.brands" ng-model-options="{'updateOn': 'blur'}" (typeaheadOnSelect)="brandOnSelect($event)" (typeaheadNoRes

我试图在Angualr js 2中添加ngControl表单验证到bootstrap 4 typehead控件.
代码如下.

<input [(ngModel)]="model.brand" [typeahead]="model.brands" ng-model-options="{'updateOn': 'blur'}"
        (typeaheadOnSelect)="brandOnSelect($event)" (typeaheadNoResults)="brandNoResults($event)"
        [typeaheadOptionField]="'Value'" class="form-control" ngcontrol="brand" >
        <div *ngIf="brand.dirty && !brand.valid ">
            <p  *ngIf="brand.errors.required" class="text-help">{{ required }}</p>
        </div>

解决方法

您在输入上错过了“name”属性,这是正确使用ngModel所必需的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!