点击button后closures模式
我想要模式closures后，我点击是button，但现在，它只运行ng-click =“”函数。 点击yesbutton后，如何closures模式？
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Confirmation!</h4> </div> <div class="modal-body"> Do you want to send SMS? </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">No</button> <button type="button" class="btn btn-primary" ng-click="smsAll()">Yes</button> </div> </div> </div> </div> 试试这个代码在你的smsAll方法：
$('#myModal').modal('hide');
此事件由bootstrap提供，以手动隐藏模式。
我已经创build了一个示例代码。 希望这会帮助你。
$('#myModal').modal(); var app = angular.module('myApp', []); app.controller('ModalCtrl', function($scope) { $scope.smsAll = function() { alert('do your stuff'); $('#myModal').modal('hide') } });
<!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> </head> <body> <div class="container-fluid" ng-app="myApp"> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Confirmation!</h4> </div> <div class="modal-body"> Do you want to send SMS? </div> <div class="modal-footer" ng-controller="ModalCtrl"> <button type="button" class="btn btn-default" data-dismiss="modal">No</button> <button type="button" class="btn btn-primary" ng-click="smsAll()">Yes</button> </div> </div> </div> </div> </div> </body> </html>
试试这个代码
我添加了新的属性[data-modal-action =“close”] ..根据点击事件，它会自动closures模式
HTML
<button type="button" class="btn btn-primary" data-modal-action="close" ng-click="smsAll()">Yes</button>
脚本
$("[data-modal-action=close]").click(function () { $("#myModal").modal("hide"); });