Ionic formControlName如何与ngModal绑定?

时间:2017-12-29 01:49:43

标签: angular ionic-framework

我有一个from组,在ion-input里面我有一个formControlName,通过使用这个formControlName,我的ngModal没有绑定到它。

任何人都知道如何将ngModal与formControlName绑定?

提前致谢。 !!

private void Pro1txt_onChange(object sender, EventArgs e)
{
    try
    {
        cmd1 = new SqlCommand(" SELECT  P_Name,P_Price,P_Quantity from Product where P_ID =  '" + Pro1txt.Text + "'", cn);
        cn.Open();
        DataReader = cmd1.ExecuteReader();
        DataReader.Read();
        ProdcutName1.Text = DataReader["P_Name"].ToString();
        UnitPrice1.Text = DataReader["P_Price"].ToString();
        Rem_Quantity1.Text = DataReader["P_Quantity"].ToString();

        if (Rem_Quantity1.Text =="0")
        {
            Req_Quantity1.Enabled = false;
        }             
    }
    catch
    {
        MessageBox.Show("Error","danget",MessageBoxButtons.OK,MessageBoxIcon.Hand);             
    }
}

在我添加ngModal之后,它给了我这个错误

 <ion-row>
      <ion-col>
        <ion-item [ngClass]="{'error-border':!myForm.controls.telephone.valid && myForm.controls.telephone.touched}">
          <ion-label fixed>Contact</ion-label>
          <ion-input maxlength="10" type="tel" placeholder="0124037337" formControlName="telephone" text-right></ion-input>
        </ion-item>
          <ion-item *ngIf="myForm.controls.telephone.hasError('required') && myForm.controls.telephone.touched">
            <p>This Field is Required !! </p>
          </ion-item>
          <ion-item *ngIf="myForm.controls.telephone.hasError('pattern') && myForm.controls.telephone.touched">
            <p>Only Number is Allowed !! </p>
          </ion-item>
          <ion-item *ngIf="myForm.controls.telephone.hasError('minlength') && myForm.controls.telephone.touched">
            <p>Telephone Number is Invalid !! </p>
          </ion-item>
      </ion-col>
    </ion-row>

enter image description here

1 个答案:

答案 0 :(得分:1)

Angular中双向绑定的语法是[(ngModel)]="telHere"。您可以通过名称“ban in a box”来记住这种语法,因为它看起来像是[]中的banana()。