确定为模式操作单击的按钮

Question

我有 2 个按钮，我想为其调用相同的模式，但模式上的文本应根据单击的按钮进行更改。请问我该怎么做？

 <div>
    <a class="button" data-open="new-modal" 
     (click)="confirmModal(studentInfo)>Edit</a>

   <a class="button" data-open="new-modal"    
     (click)="confirmModal(studentInfo.id)>Delete</a>
 </div>

模态

   <div class="reveal" data-reveal id="new-modal">
      <h5>Edit Student Info?</h5> // I want to add "Delete student info 
        here too"

      <div class="secondary button-group">
        <a class="button" href="#">Yes</a>
        <a class="button" href="#">No</a>
    </div>
</div>

Answer 1

将第二个参数传递给您的confirmModal()函数，并将内容存储在您的ts或js代码中模态可访问的变量中，并使用该变量在模态中加载相关配置

Answer 2

我已经完成 bootstrap 不同页面中的模态意味着另一个页面中的模态 (modal.html) 和不同页面中的按钮 (career.php) 它正在工作，但我想使用相同的模态 link 用于多个按钮。我没有得到该怎么做

<script>
    $(document).ready(function(e){
        $('#btnModal') .click(function(){
            //using ajaz post
            $.post('modal.html' ,function(xx){
                $('#tmpModal').html(xx) //fill div tmpmodal with modal.html content..!!
                //calling modal
                $('#testModal').modal('show');
            })
        })
    });
    </script>

<div class="modal fade" id="testModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal"><span>&times;</span></button>
                <h4>Apply Now</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="exampleFormControlInput1">Role</label>
                    <input class="form-control" type="text" placeholder="Dest" readonly>
                </div>
                <div class="form-group">
                    <label for="exampleFormControlInput1">Name</label>
                    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Full Name" required data-validation-required-message="Please enter your phone">
                </div>
                <div class="form-group">
                    <label for="exampleFormControlInput1">Email</label>
                    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Email" required data-validation-required-message="Please enter your phone">
                </div>
                <div class="form-group">
                    <label for="exampleFormControlInput1">Phone</label>
                    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Phone" required data-validation-required-message="Please enter your phone">
                </div>
                <div class="form-group">
                    <label for="exampleFormControlTextarea1">Comment</label>
                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                </div>
                <div class="form-group">
                    <label for="exampleFormControlFile1">Upload File</label>
                    <input type="file" class="form-control-file" id="exampleFormControlFile1">
                </div>
            </div>
            <div class="modal-footer">
                <div class="btn btn-danger" data-dismiss="modal">Close</div>
                <button class="btn btn-primary" onclick="contact_send();">SEND</button>
            </div>
        </div>
    </div>
</div>

确定为模式操作单击的按钮

Determine button clicked for modal manipulation

javascript

zurb-foundation

angular