Закрытие модальности начальной загрузки, если выполняется определенная проверка, иначе не закрывайте всплывающее окно. - PullRequest
0 голосов
/ 27 апреля 2018

HTML:

    <div id="responsive-modal3"   class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none; "  data-keyboard="false" data-backdrop="static"    ng-init = "populateBidSpocData()" >
           <div class="modal-dialog modal-lg">
                        <div class="modal-content" style="margin-top:55px;">
                          <div class="modal-header" style="background:#003c4c;">
                            <h4 class="modal-title"  style="color:#FFF;">Check Availibility</h4>
                          </div>
                          <div class="modal-body">
                                                  <table class="table table-hover hd-bg-table table-bordered">
                                                     <!-- Some code -->        
                                                   </table>
                          </div>
                          <div class="modal-footer">
                              <button type="button" class="btn btn-primary waves-effect waves-light"  data-dismiss="modal" ng-click="validate(infoWithStatus)" >Done</button>
                               <button type="button" class="btn btn-primary waves-effect waves-light"  data-dismiss="modal" >Close</button>
                          </div>
                        </div>
                      </div>
        </div>

JS code:

    $scope.validate = function(infoObject)
      {
        //some validation 
        if(check1 == 0)
        {
                            alert("Please select atleast one value.");
                            $scope.selected  = [];
                            return;
        }

        if(primaryCount > 1)
        {
                            alert("There can be only one person with this role.");
                            $scope.selected  = [];
                            return;

        }
        //I want to close the modal here if validations are met

        //I have tried this
         $('#responsive-modal3').modal('hide'); //This is  not closing the modal


      }

Я хочу закрыть модал со стороны Javascript. Я пробовал модал («скрыть»), но он не работает. Вместо этого это дает некоторый темный фон. Может кто-нибудь помочь мне с этим вопросом?

1 Ответ

0 голосов
/ 04 мая 2018

Извините за добавление в ответ, так как у меня недостаточно повторов для комментариев. Мой первый вопрос будет, есть ли ошибки JavaScript? Если да, то добавьте их к вопросу. Я не очень хорош с angular, но я хорош с js и bootstrap. Я попробовал точный код, и он скрывает модал. Можете ли вы отладить свой угловой код проверки, чтобы убедиться, что проверка завершена.

...