Таким образом, кнопка работает, содержимое работает нормально, но пока я не нажму на кнопку, она дублирует содержимое первого массива, я пытался использовать решения для других ответов в другом сообщении stackoverflow, но они мне не помогают и не работают. Пожалуйста помоги
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'}]]
Пытался: Дублируется при повторении цикла в нефритеВставьте динамические данные в модальный бутстрап из объекта массива – vanilla javascript
И другие, которые должны добавить идентификатор к каждому модальному
@serayman сделал!
Обратите внимание, что этот код приведет к тому, что у вас будет несколько одинаковых атрибутов id
в одном документе, что является недопустимым HTML.
так что это выглядело как «infoModal # {note.id}», поэтому мне просто нужно было сделать «infoModal» + note.id
Я рекомендую добавить шаги по устранению неполадок, которые вы пробовали, из других сообщений Stack Overflow, чтобы, когда люди пытаются вам помочь, они не дублировали ответы и не ссылались на сообщения, которые вы уже пробовали.