模态内容重复

Question

所以按钮工作内容工作正常但是直到我点击按钮它复制了第一个数组内容，我已经尝试使用另一个 Whosebug 上的其他答案的解决方案 post 但他们没有帮助我或工作。请帮助

each note in notes
  a(class='clickablebox', class='link', data-toggle='modal', data-target='#infoModal#{note.id}') #{note.title}
  div(class='modal fade', id='infoModal#{note.id}', tabindex='-1', role='dialog', aria-labelledby='infoModalLabel', aria-hidden='true')
    .modal-dialog.modal-dialog-centered(role='document', id='#{note.id}')
      .modal-content
        .modal-header
          h5#infoModalTitle.modal-title #{note.title}
          button.close(type='button' data-dismiss='modal' aria-label='Close') 
            i(class='fa fa-times')     
        .modal-body
          | #{note.content}

备注为[{'id': 'e', title: 'a', content: 'content'}, {'id': 'a', title: 'e', content: 'content'}]]

试过：

以及其他应该为每个模态添加一个 id 的人

Answer 1

所以它看起来像 'infoModal#{note.id}' 所以我只需要做 'infoModal'+note.id

模态内容重复

Modal content duplicate

html

bootstrap-modal

pug