Одно и то же сообщение отображается несколько раз - PullRequest
0 голосов
/ 06 ноября 2019

Я использовал UI-mask в своем проекте, я ограничил этот выбор даты, чтобы вводить символ алфавита, но при отрицательном тестировании я обнаружил 1 случай, когда я набираю алфавитный символ, затем ng-проверка сообщения запускается, это работает нормально, но сообщение проверки повторяется несколько раз. У меня есть enter image description here Google для того же, но не было никакого решения, Пожалуйста, кто-нибудь может помочь. Я приложил скриншот, вы получите больше идей с этим

вот мой код

                                <div flex="100" layout="row" class="input-wrapper" layout-align="start start">
                                  <p class="label-container" flex="45" flex-lg="55">{{vm.LabelConstant.MFG.ReversalDate}}</p>
                                  <md-input-container class="datepicker" flex="55" flex-lg="45">
                                      <input type="text"
                                             class="float-left"
                                             name="reversalDate"
                                             ui-mask="{{$root.uimaskFormat.date.mask}}"
                                             ui-mask-placeholder="{{$root.uimaskFormat.date.placeholder}}"
                                             datetime-picker="{{$root.dateDisplayFormat}}"
                                             enable-time="false"
                                             ng-model="vm.component.reversalDate"
                                             ng-change="vm.reversalDateChanged()"
                                             datepicker-options="vm.reversalDateOptions"
                                             ui-options="{clearOnBlur  : true}"
                                             model-view-value="true"
                                             is-open="vm.reversalDateOptions.reversalDateOpenFlag" />
                                      <md-icon md-font-icon="icon-calendar calender-icon"
                                               ng-click="vm.reversalDateOptions.reversalDateOpenFlag = true">
                                      </md-icon>
                                      <div ng-messages="vm.wizardStep1ComponentInfo.reversalDate.$error" md-auto-hide="false" role="alert">
                                          <div ng-message="valid || datetime">
                                              <span>{{vm.CORE_MESSAGE_CONSTANT.INVALID}}</span>
                                          </div>
                                          <div ng-message="mindate">
                                              <span>{{vm.CORE_MESSAGE_CONSTANT.INVALID}}</span>
                                          </div>
                                      </div>
                                  </md-input-container>
                            </div>
...