Form with Grid not Show

Ionic Framework ionic-v3
1 
<form [ngFormModel]="myForm">
    <ion-item>
        <ion-gird>
             <ion-row>
                    <ion-col>
                        <ion-label fixed>Name</ion-label>                       
                        <ion-input  type="text" [(ngModel)]="model.Name" ngControl="Name"></ion-input>                       
                    </ion-col>
                    <ion-col>
                        <ion-label fixed>Age</ion-label>                       
                        <ion-input  type="text" [(ngModel)]="model.Age" ngControl="Age"></ion-input>                       
                    </ion-col>
                </ion-row>
            </ion-gird>
        </ion-item>
    </form>

Form with grid not show as code above. :head_bandage::upside_down:
After remove the grid, form is show and work. :rolling_eyes::weary:

2 
<form [ngFormModel]="myForm"> 
    <ion-gird>
       <ion-row>
          <ion-col>
            <ion-item>
               <ion-label fixed>Name</ion-label> 
               <ion-input type="text" [(ngModel)]="model.Name" ngControl="Name"></ion-input> 
           </ion-item> 
         </ion-col>
         <ion-col>
          <ion-item>
            <ion-label fixed>Age</ion-label> 
            <ion-input type="text" [(ngModel)]="model.Age" ngControl="Age"></ion-input>
         </ion-item> 
      </ion-col>
   </ion-row>
 </ion-gird>
</form>

I got it. Change to code above will be work.

1 Like