ボタンをクリックした後にモーダルを閉じる

はいボタンをクリックした後にモーダルを閉じたいが、今度はng-click = ""関数しか実行しない。はいボタンをクリックした後、どのようにモーダルを閉じることができますか？ボタンをクリックした後にモーダルを閉じる

<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">&times;</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>

出典

2016-05-24 sxxxxxxx

確認[本]（http://stackoverflow.com/questions/26154726/angularjs-closing-modal-window）PLZ。 –

smsAll関数を定義したこのモーダルのコントローラはどこにありますか？ –

方法smsAllあなたの中にこのコードを試してみてください。

$('#myModal').modal('hide');

このイベントは、手動でモーダルを非表示にするには、ブートストラップにより提供されます。

出典

2016-05-24 06:09:28 dutiyesh

それはモーダルを閉じますクリックイベントに基づいて.. [=「クローズ」データ・モーダルアクション]私は新しい属性を追加このコード

を試してみて、自動的に

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"); 
    });

出典

2016-05-24 06:07:10

私はサンプルコードを作成しました。これがあなたを助けることを望みます。

$('#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">&times;</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>

出典

2016-05-24 06:16:08

ボタンをクリックした後にモーダルを閉じる

答えて

関連する問題