テキスト項目にフォーカスを失った後、アンドロイド上でイオンアイテムが選択点滅 - 入力

Question

ionic serveを実行中に問題なく動作します。

を実行しているときに、ページが読み込まれた後、入力したかテキストボックスを選択した後に実行されます。次に「選択（ドロップダウン）」を選択すると、ドロップダウン・オプションが点滅し、入力を受け付けなくなります（選択せずに閉じるだけです）。私の知る限り、それは周りにどんな仕事ありますかこの問題に対する修正ng-untouchedがng-touched

<ion-list> 
    <ion-item class="item-divider"> 
     <b class="">New member's details</b> 
    </ion-item> 
    <ion-item class="item-input"> 
     <label class="input-label" for="firstName">First name</label> 
     <input type="text" ng-model="memberDetails.firstName" name="firstName" id="firstName" ng-class="{'input-validation-error' : applicationForm.firstName.$error.required && (applicationForm.firstName.$touched || showRequired)}" required /> 
    </ion-item> 
    <ion-item class="item-input"> 
     <label class="input-label" for="surname">Surname</label> 
     <input type="text" ng-model="memberDetails.surname" name="surname" id="surname" ng-class="{'input-validation-error' : applicationForm.surname.$error.required && (applicationForm.surname.$touched || showRequired)}" required /> 
    </ion-item> 
    <ion-item class="item-input"> 
     <label class="input-label" for="initials">Initials</label> 
     <input type="text" ng-model="memberDetails.initials" name="initials" id="initials" ng-class="{'input-validation-error' : applicationForm.initials.$error.required && (applicationForm.initials.$touched || showRequired)}" required /> 
    </ion-item> 
    <ion-item class="item-input item-select"> 
     <label class="input-label" for="title">Title</label> 
     <select ng-model="memberDetails.titleId" ng-options="lookup.id as lookup.description for lookup in titleLookup" name="title" id="title" ng-class="{'input-validation-error' : applicationForm.title.$error.required && (applicationForm.title.$touched || showRequired)}" required></select> 
    </ion-item> 
</ion-list> 

に置き換えられるためです言うことができるように

？問題は、Android上でangularjsに関連すると思わ

EDIT

、問題は、AndroidのChromeブラウザからangularjsサイトに表示されているようです。

Answer 1

私はちょうどあなたのアプリには、このディレクティブを追加this stackoverflow post

に基づいて、周りの仕事を見つけた：

.directive('input', function() { 
    return { 
     restrict: 'E', 
     require: '?ngModel', 
     link: function (scope, element, attr, modelCtrl) { 
      if (attr.type === "text" && attr.name && modelCtrl) { 
       element.on('focus', function() { 
        modelCtrl.$setTouched(); 
        scope.$apply(); 
       }); 
      } 
     } 
    }; 
}); 

注：問題はいくつかの上のすべてのデバイスでは発生しません、 （問題の根本が見つかりません）