Question

我有一个由动态创建的按钮打开的模态，我想根据按钮的cid（生成的按钮的属性）显示自定义内容。

我有以下EJS代码：

<ul>
  <% company.forEach(function(comp) { %>
   <li><%= comp.companyName %> <button class="btn btn-primary manageCompany" data-cid=<%=comp._id%> data-toggle="modal" data-target="#manageCompany_pp">Manage</button> </li>
  <% }); %>
</ul>

这会根据从节点应用程序传递到EJS模板的json数据生成一些按钮，点击它会打开下面的模式：

  <div class="modal fade " id="manageCompany_pp" tabindex="-1" cid="" role="dialog" aria-labelledby="manageCompany_pp">
                <div class="modal-dialog modal-lg" 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="manageCompany_content">Manage Company</h4>
                        </div>
                        <div class="modal-body">
                          <div class='manageCompanyAlert'></div>
                          Name: <%= company[cid].companyName %> //<-- get cid attr .. somehow
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

这就是我将所需的id从按钮传递给模态的方式：

的script.js

$(document).ready(function() {
        $('#manageCompany_pp').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget); // Button that triggered the modal
        var cid = button.data('cid'); // Extract info from data-* attributes
        console.log('here' + cid);
        var modal = $(this);
        modal.attr('cid', cid);
    });
});

我的想法是使用ejs，从div中检索cid属性，然后以某种方式将其插入如下行： compName：＆lt;％= company [cid] .companyName％＆gt; 但这并不起作用，我正在寻找任何方法来实现这一目标，如果能够做到我需要的方法，也可以使用juqery和angularjs。

Answer 1

如果有办法做我需要的话，
也可以使用jquery和angularjs

你可以用角度来做，假设所有代码都有一个使用ng-click

的共同范围

<li><%= comp.companyName %> <button ng-click="selectedId = <%=comp._id%>" class="btn btn-primary manageCompany" data-cid=<%=comp._id%> data-toggle="modal" data-target="#manageCompany_pp">Manage</button> </li>

这样，角度可以更新点击模式

        <div class="modal-body">
            <div class='manageCompanyAlert'></div>
            Name: {{ selectedId }}  <!-- get cid attr -->
        </div>

单击基于按钮ID单击显示内容

1 个答案: