Первый модал появляется при нажатии на второй модал на той же странице в angularjs - PullRequest
Новая
       6

Первый модал появляется при нажатии на второй модал на той же странице в angularjs

0 голосов
/ 22 сентября 2018

У меня есть два загрузочных модала, которые нужно открыть в разных местах в файле JSP.Всякий раз, когда я самостоятельно открываю второй модал, он работает нормально.Но в случае, если я открываю второй модал после первого, модальный снова появляется.Я использую контроллер Angularjs, чтобы запустить мой мод через метод переключения.Мой первый модальный запуск по нажатию кнопки.Вот код: 

<tbody>
    <tr data-ng-repeat="stud in studentList">
                <td>{{$index + 1}}</td>
                <td>{{stud.tblStudentDetail.firstName}} {{stud.tblStudentDetail.lastName}}</td>
                <td><button  class="btn btn-default reg-btn pull-right" 
                style="width:96px; margin:0px;" data-ng-click="viewStudentDetails(stud.tblStudentDetail.studentDetailId,stud.enrollId,'search')">View Detail</button> </td>

    </tr>

Вот метод переключения, вызываемый из моего углового контроллера для этого метода нажатия кнопки: 

$scope.viewStudentDetails=function(studentDetailId,enrollId){

                    var url = 'viewStudentDetail?studentDetailId='+studentDetailId+'&enrollId='+enrollId;
                    $http({
                    method: 'GET',
                    url: url
                }).then(function successCallback(response) {
                    $("#myModal").html(response.data);
                    $('#myModal').modal('toggle');
                  }, function errorCallback(response) {
                      alert(error);
                 });

Мой второй модальный режимв том же JSP выглядит следующим образом: 

<tbody>
  <tr data-ng-repeat="batch in batches">
            <td>{{batch.batchName}}</td>
            <td>{{batch.classStartTime}}</td>
            <td>{{batch.classEndTime}}</td>
            <td style="width:96px">
            <button open-dialog id="editbtn" class="btn btn-default reg-btn pull-right" style="width:96px;"data-ng-click="editBatchDetail(batch)"ng-show="showEdit">Edit</button></td>

    </tr>

Вот моя функция в контроллере для запуска второго модального режима: 

$scope.editBatchDetail = function(batch){

        $('#myModal').modal('toggle');
}

Оба эти модальных имеют разные шаблоны,Кроме того, мой модальный определяется в файле JSP следующим образом: 

<div class="modal fade" id="myModal" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
         data-backdrop="static" data-keyboard="false">
         <jsp:include page="edit_batch.jsp"></jsp:include>
</div>

Что я здесь не так делаю?

...