Javascript 在angularjs中显示多模态弹出窗口

Javascript 在angularjs中显示多模态弹出窗口,javascript,angularjs,Javascript,Angularjs,我用的是angularjs。我想做的是,当用户单击按钮时,通过Angularjs检查数据库中的学生id。 如果数据库中存在学生id,则会显示#modal1,否则会提示#modal2。有没有可能用angularjs做这个?如果可能的话,如何 Html <tr ng-repeat="g in students"> <td>{{g.studentId}}</td> <td>{{g.studentName}}</td> <td

我用的是angularjs。我想做的是,当用户单击按钮时,通过Angularjs检查数据库中的学生id。 如果数据库中存在学生id,则会显示#modal1,否则会提示#modal2。有没有可能用angularjs做这个?如果可能的话,如何

Html

<tr ng-repeat="g in students">
  <td>{{g.studentId}}</td>
  <td>{{g.studentName}}</td>
  <td>
    <div class="btn-group" role="group" aria-label="btnActions">
        <button type="button" ng-click="act(g)" title="act" data-toggle="modal" data-target="#deleteModal"></button>    
    </div>
  </td>
</tr>

#Modal that will be displayed 
<!-- modal1 -->
<div class="modal fade" id="modal1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                confirm delete?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" ng-click="delete()">Yes</button>
                <button type="button" class="btn btn-default" > No</button>
            </div>
        </div>
    </div>
</div>

<!-- modal2 -->
<div class="modal fade" id="modal2" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                Data already existed
            </div>
        </div>
    </div>
</div>

在控制器中写入代码

$scope.act = function(g){
    /*
       write code for check student is in database
    */
   if(student_available == true){
       $("#modal1").modal('show');
   }
   else{
       $("#modal2").modal('show');
   }
}
$scope.act = function(g){
    /*
       write code for check student is in database
    */
   if(student_available == true){
       $("#modal1").modal('show');
   }
   else{
       $("#modal2").modal('show');
   }
}