Html Jade在锚定标记上打开引导模式弹出窗口单击

Html Jade在锚定标记上打开引导模式弹出窗口单击,html,node.js,twitter-bootstrap,pug,mean-stack,Html,Node.js,Twitter Bootstrap,Pug,Mean Stack,我正在使用MEAN stack创建一个应用程序,我的Express view模板引擎是jade 我有一个来自API的JSON对象列表。我在一个行表中显示了几个字段。表中的每一行都有一个超链接。单击此超链接后,将出现一个模式弹出窗口,显示API返回的JSON中的一些其他字段 我已经完成了这一部分,但是所有的超链接都显示了第一个对象的数据 这是我的Jade代码,我在其中迭代JSON对象列表并构建超链接 a(href='#', data-toggle='modal' data-target='#myM

我正在使用MEAN stack创建一个应用程序,我的Express view模板引擎是jade

我有一个来自API的JSON对象列表。我在一个行表中显示了几个字段。表中的每一行都有一个超链接。单击此超链接后,将出现一个模式弹出窗口,显示API返回的JSON中的一些其他字段

我已经完成了这一部分,但是所有的超链接都显示了第一个对象的数据

这是我的Jade代码,我在其中迭代JSON对象列表并构建超链接

a(href='#', data-toggle='modal' data-target='#myModal') #{incident.incidentNum}
          #myModal.modal.fade(role='dialog')
            .modal-dialog.modal-lg
              .modal-content
                .modal-header
                  button.close(type='button', data-dismiss='modal') ×
                  h4.modal-title #{incident.incidentPriority} - #{incident.incidentNum} - #{incident.applicationName}
                .modal-body
                  form.form-horizontal
                    .form-group
                      .row
                        label.pull-left.col-sm-2.col-sm-offset-1.control-label Description
                        label.normal-font-weight.pull-left #{incident.description}
                      .row
                        label.pull-left.col-sm-2.col-sm-offset-1.control-label Impact
                        label.normal-font-weight.pull-left #{incident.impact}
                      .row
                        label.pull-left.col-sm-2.col-sm-offset-1.control-label Started On
                        label.normal-font-weight.pull-left #{incident.dtStarted}
                      .row
                        label.pull-left.col-sm-2.col-sm-offset-1.control-label Contact
                        label.normal-font-weight.pull-left #{incident.contact}
                .modal-footer
                  button.btn.btn-default(data-dismiss='modal') Edit
                  button.btn.btn-default(data-dismiss='modal') Email
                  button.btn.btn-default(data-dismiss='modal') Close
我相信所有模式窗口都只显示第一个数据对象,这是导致

data-target='#myModal'
所有情态动词的id都相同


单击锚定标记时,如何在其自己的模式窗口中显示每个JSON对象数据?

您找到解决方案了吗?我也有同样的问题。这似乎有帮助。