Блог

Главная - Вопросы по программированию - Динамические ссылки с помощью Jade

Динамические ссылки с помощью Jade

#node.js #express #pug

#node.js #экспресс #pug

Вопрос:

Использование Jade Express Node.js Mongoose MongoDB для моего приложения, но эта проблема, с которой я столкнулся, скорее всего, в Jade:

У меня есть следующий код, который выводит список сообщений по названию, автору

 div#articles
      -each post in records
         div.article
            #{post.title} was written by #{post.author}
            <a href ="#{post.title}"> Link to Article </a>

Теперь я хочу, чтобы ссылка была написана на Jade вместо HTML, но когда я заменяю строку на

 a(href='#{post.title}')

он ссылается на /#{post.title} вместо имени переменной, такого как /newpost1. Делаем это как

 a(href=#{post.title})

возвращает ошибку. Я уверен, что это проблема синтаксиса, но я не могу найти решение в документации GitHub

Ответ №1:

уверен, вы можете просто сделать:

 a(href=post.title)

Комментарии:

1. Ох, я забыл, что мне не нужно было выходить из Jade. Спасибо!

2. В группе повторений вышеуказанное у меня не сработало, но a(href="{{post.link}}") сработало

Ответ №2:

jade:

 - var records = [ { title: 'one', author: 'one' }, { title: 'two', author: 'two' } ];
div#articles
  -each post in records
     div.article
        | #{post.title} was written by #{post.author}
        a(href =post.title) Link to Article

HTML:

 <div id="articles">
  <div class="article">one was written by one<a href="one">Link to Article</a></div>
  <div class="article">two was written by two<a href="two">Link to Article</a></div>
</div>