2017-08-11 107 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