2016-04-07 13 views
0

sonra bir ayrıntıyı alın ben pop-upaçık açılır

İşte

için önyükleme kullanıyorum benim kodudur. Hangi düğmeye tıklanmak istiyorum. Bunu almak için bu düğme kimliği

mümkün mü? JavaScript'i

$scope.get_id_function(id){} 

yılında

cevap

1

Yes id alabilir

modal tetik düğmeleri

<button type="button" class="btn btn-info btn-lg" id='2' data-toggle="modal" data-target="#myModal">Open Modal</button> 
<button type="button" class="btn btn-info btn-lg" id='3' data-toggle="modal" data-target="#myModal">Open Modal</button> 

olay script

$(document).ready(function(){ 
    $('#myModal').on('show.bs.modal', function (e) { 
     var id = $(e.relatedTarget).attr('id'); 
     alert(id); 
    }); 
}); 

Çalışma Örneği

$(document).ready(function() { 
 
    $('#myModal').on('show.bs.modal', function(e) { 
 
\t var id = $(e.relatedTarget).attr('id'); 
 
\t alert(id); 
 
    }); 
 
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal" id='2'>Open Modal</button> 
 
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal" id='3'>Open Modal</button> 
 
<div id="myModal" class="modal fade" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <p>Some text in the modal.</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

0
<button type="button" class="btn btn-info btn-lg" id='2' ng-click="get_id_function(2)" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<button type="button" class="btn btn-info btn-lg" id='3' 
ng-click="get_id_function(3)" data-toggle="modal" data-target="#myModal">Open Modal</button> 

böylece, fonksiyon parametre id önyükleme modal event dinleyici ile

İlgili konular