Javascript 在angularjs中显示多模态弹出窗口
我用的是angularjs。我想做的是,当用户单击按钮时,通过Angularjs检查数据库中的学生id。 如果数据库中存在学生id,则会显示#modal1,否则会提示#modal2。有没有可能用angularjs做这个?如果可能的话,如何 HtmlJavascript 在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
<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');
}
}