2017-08-11 77 views
1

我在离子形式上出现运行时错误,我想要进行验证。我尝试了为每个输入控件添加一个名称属性的策略,但是会引发错误:ngForm中无法识别的离子输入名称属性

未捕获(承诺):错误:如果在表单标记内使用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> 

回答

0
<ion-select [(ngModel)]="enquiry.type"> 

缺少name属性。

+0

谢谢,维加,不错的地方。像往常一样,我觉得自己像个娃娃! – user1608405

+0

太多的屏幕时间,我们都拥有它,不要跌倒:) – Vega

相关问题