Как использовать переменные JavaScript в «каждой» итерации на Pug (Jade) - PullRequest
0 голосов
/ 24 февраля 2020

(Если в следующем вопросе есть ошибки Engli sh, скажите мне, и я их исправлю.)

Привет, я должен сделать проект, используя Pug, я сделал все, но теперь я Я застрял, потому что я должен получить переменную из рендера мопса, чтобы использовать ее и показать только 1 строку, когда я нажимаю кнопку изменения в моем списке.

В начале моего кода есть часть скрипта с функцией getValue,

  script(src='book_list.js')
  script  
    | function getValue(value){
    |  const hello = document.getElementById("test")
    |  $('#exampleModalLong').modal('show')
    |  hello.innerHTML = value
    |  window.test = value
    |  console.log(hello)
    |  alert(window.test)
    |  console.log(hello.innerHTML)
    | } 

Когда я использую эту функцию, hello.innerHTML печатается на консоли, но когда я использую тот же document.getElementById("test").innerHTML, он выдает ошибку.

each book in message
  - var testISBN = document.getElementById("test").innerHTML;
    if  !{testISBN} != book.isbn
      each val in book 
        p
        hr
        hr
        img(src="", alt="")
        label.col-form-label(for='recipient-name') #{val}
        input#recipient-name.form-control(type='text' value=`${val}`)

И результат:

    58|                 .form-group

    59|                   each book in message

  > 60|                     - var testISBN = document.getElementById("test") .innerHTML;

    61|                     if  !{testISBN} != book.isbn

    62|                       each val in book 

    63|                         p


Cannot read property 'getElementById' of undefined

Также кто-то может сказать мне, правильно ли я использовал интерполяцию неэкранированной строки в строке ниже? Спасибо за вашу помощь

...