单击angularjs中同一页面上的第二个模态时,出现第一个模态

时间:2018-09-22 12:33:46

标签: javascript jquery angularjs twitter-bootstrap bootstrap-modal

我有两个引导程序模式,它们将在JSP文件的不同位置打开。每当我独立打开第二个模式时,它就可以正常工作。但是,如果我打开第一个模态之后的第二个模态,则第一个模态会再次弹出。我正在使用Angularjs控制器通过toggle方法触发我的模态。我的第一个模态是在单击按钮时触发的。这是代码:

<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>

这是我的角度控制器为此按钮单击方法调用的toggle方法:

$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>  

我在这里做什么错了?

0 个答案:

没有答案