【发布时间】:2018-01-20 11:39:24
【问题描述】:
我在想要进行验证的离子表单上遇到运行时错误。我尝试了为每个输入控件添加名称属性的策略,但出现错误:
未捕获(承诺中):错误:如果在表单标签中使用 ngModel,则必须设置 name 属性或 ...
类似的代码以前在类似的任务中工作过:有人能发现我的错误吗?
<ion-header>
<ion-navbar>
<ion-title>{{ enquiry.name || 'New Enquiry'}}</ion-title>
<ion-buttons end>
<button ion-button icon-only (click)="onSave()">
<ion-icon name="checkmark"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding>
<form #formValues="ngForm">
<ion-list>
<ion-item>
<ion-label stacked>Date</ion-label>
<ion-datetime [(ngModel)]="enquiry.date" name="date"></ion-datetime>
</ion-item>
<ion-item>
<ion-label stacked>Name</ion-label>
<ion-input type="text" [(ngModel)]="enquiry.name" name="name"></ion-input>
</ion-item>
<ion-item>
<ion-label stacked>Phone</ion-label>
<ion-input type="text" [(ngModel)]="enquiry.phone" name="phone"></ion-input>
</ion-item>
<ion-item>
<ion-label stacked>Type</ion-label>
<ion-select [(ngModel)]="enquiry.type">
<ion-option *ngFor="let type of types" name="type">{{type}}</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label stacked>Budget</ion-label>
<ion-input type="number" [(ngModel)]="enquiry.budget" name="budget"></ion-input>
</ion-item>
</ion-list>
</form>
</ion-content>
【问题讨论】:
标签: angular validation ionic-framework