【问题标题】:ion-input name attribute not recognised in ngFormngForm 中无法识别离子输入名称属性
【发布时间】: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


    【解决方案1】:
      <ion-select [(ngModel)]="enquiry.type"> 
    

    缺少名称属性。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-12-11
      • 2021-09-21
      • 1970-01-01
      • 1970-01-01
      • 2010-11-20
      • 1970-01-01
      • 2013-07-04
      相关资源
      最近更新 更多