Html Jade在锚定标记上打开引导模式弹出窗口单击
我正在使用MEAN stack创建一个应用程序,我的Express view模板引擎是jade 我有一个来自API的JSON对象列表。我在一个行表中显示了几个字段。表中的每一行都有一个超链接。单击此超链接后,将出现一个模式弹出窗口,显示API返回的JSON中的一些其他字段 我已经完成了这一部分,但是所有的超链接都显示了第一个对象的数据 这是我的Jade代码,我在其中迭代JSON对象列表并构建超链接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
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对象数据?您找到解决方案了吗?我也有同样的问题。这似乎有帮助。