Как отключить прокрутку в форме в ionic4 - PullRequest
Новая
       27

Как отключить прокрутку в форме в ionic4

0 голосов
/ 09 апреля 2020

Когда я добавляю ion-select к форме, она автоматически прокручивается. Я хочу убрать прокрутку из этого. Не могли бы вы помочь мне с этим. 

<ion-content class="no-scroll">
      <form #registerForm="ngForm" (ngSubmit)="onSubmit(registerForm)">
          <ion-grid>
              <ion-row style="height:600px;" color="primary" justify-content-center>
                  <ion-col align-self-center col-auto>
                      <div padding text-center>
                          <h4>Now let's create your account</h4>
                      </div>
                      <div padding text-center>
                          <ion-item>
                              <ion-input name="username" type="text" placeholder="Name" minlength="3" [(ngModel)]="register.username" required onkeypress="return (event.charCode > 64 && 
    event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)  || (event.charCode ==32)"></ion-input>
                          </ion-item>
                          <ion-item>
                              <ion-input name="emailid" type="email" placeholder="Your@email.com" [(ngModel)]="register.emailid" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"></ion-input>
                          </ion-item>
                          <ion-item>
                              <ion-input name="companyname" type="text" placeholder="Company Name" [(ngModel)]="register.companyname" required onkeypress="return (event.charCode > 64 && 
    event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode ==32)"></ion-input>
                          </ion-item>
                          <ion-item>
                            <ion-select okText="Okay" cancelText="Dismiss" [(ngModel)]="service" value="{{service}}">
                              <ion-select-option value="ac">AC</ion-select-option>
                              <ion-select-option value="two wheeler">two wheeler</ion-select-option>

                            </ion-select>
                          </ion-item>
                          <ion-item>
                              <ion-input name="mobilenumber" type="number" placeholder="Mobile Number" (ionChange)="searchMob()" minlength="10" maxlength="10" [(ngModel)]="register.mobilenumber" required onKeyPress="if(this.value.length==10) return false;" pattern="^[6-9]{1}[0-9]{9}$"></ion-input>
                          </ion-item>
                          <ion-item>
                              <ion-input name="password" type="password" placeholder="Password" [(ngModel)]="register.password" required minlength="6" maxlength="30"></ion-input>
                          </ion-item>
                          <br>
                          <ion-list text-center>
                              <ion-checkbox name="terms" color="primary" (click)="presentAlert()" [(ngModel)]="register.terms" required></ion-checkbox>
                              <ion-label color="danger"> I accept terms and conditions</ion-label>
                          </ion-list>
                      </div>
                      <div padding text-center>
                          <ion-button (click)="prosesRegister()" shape="round" type="submit" [disabled]="registerForm.invalid">
                              <ion-icon slot="end" name="person"></ion-icon>Register</ion-button>
                      </div>
                  </ion-col>
              </ion-row>
              <p class="go-to-login" text-center padding>Already have an account?
                  <a (click)="goLoginPage()">Log In</a></p>
          </ion-grid>
      </form>
    </ion-content>

Я перепробовал все возможности переполнения стека. Это не оказалось плодотворным.

...