ionic / angular: проверка формы на основе шаблона ведет себя странно в пользовательском интерфейсе - PullRequest
Новая
       2

ionic / angular: проверка формы на основе шаблона ведет себя странно в пользовательском интерфейсе

0 голосов
/ 28 марта 2020

Я столкнулся с проблемой в моем проекте ioni c, чтобы подвести итог во всех моих формах, у меня странное поведение, когда я помещаю проверку как требуемую электронную почту ... и затем я ввожу текст в свои входные данные, стиль пользовательского интерфейса остается красным : - если я отправляю форму на удивление, она действительна. - если я нажимаю на каждый вход много раз, стиль меняется на зеленый и активируется первая кнопка.

Поведение замечено на android и в браузере, когда он только загружается.

моя форма: 

<ion-content>
  <form (ngSubmit)="eLogin(logInUserForm)" #logInUserForm="ngForm">
    <ion-item>
      <ion-label position="floating">Email</ion-label>
      <ion-input clearInput required email name="email" ngModel></ion-input>
    </ion-item>
    <ion-item>
      <ion-label position="floating">Password</ion-label>
      <ion-input clearInput required minlength="6" name="password" type="password" ngModel>
      </ion-input>
    </ion-item>
    <ion-button expand="block" color="primary" type="submit" [disabled]="!logInUserForm.valid">
      <ion-icon slot="end" name="mail"></ion-icon>
      Sign In
    </ion-button>
    <ion-button expand="block" color="primary" type="submit">
      <ion-icon slot="end" name="mail"></ion-icon>
      Sign In
    </ion-button>
  </form>  
</ion-content>

Обратите внимание, что первая кнопка - это тестовая кнопка, и она остается деактивированной, поскольку форма рассматривается пользовательским интерфейсом как недействительная.

Моя конфигурация: 

Ionic:

   Ionic CLI                     : 5.4.16 (/home/jonatan/.npm-packages/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.11.10
   @angular-devkit/build-angular : 0.803.24
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.1.2

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 10 other plugins)

Utility:

   cordova-res (update available: 0.11.0) : 0.10.0
   native-run                             : 0.3.0

System:

   Android SDK Tools : 26.1.1 (/home/jonatan/Android/Sdk)
   NodeJS            : v12.14.1 (/usr/local/bin/node)
   npm               : 6.14.2
   OS                : Linux 4.15

Можете ли вы помочь мне с этим вопросом? или есть какие-либо предложения?

Спасибо

...