Использование jQuery с Jade

Question

Я в настоящее время разрабатываю веб-приложение, которое использует Jade как механизм шаблонов и передает данные Jade с помощью Express.

Скажем, у меня есть "книга" переменную передать

res.render ('book_detail', {книга: книга});

Я хочу, чтобы получить доступ к деталям внутри книги, такие как book.author, book.pages и т.д. с JQuery (мой внешний интерфейс JQuery живет внутри внешнего файла main.js) вместо того, чтобы делать это с Джейд. Как я могу это достичь?

Я уже пробовал использовать все виды методов, как это было предложено другими, например, var myBook =! {JSON.stringify (book)} или сделать его переменной javascript со сценарием. синтаксис в Jade, и я даже не могу сделать console.log с выходом!

Просьба помочь мне в этом, как я застрял с ними в течение всего дня, и кажется, разделяя экспресс переменную между Джейд и JQuery (JavaScript) так трудно достичь ...

Answer 1

В файле Джейд, вы можете поставить:

script. 
    var book = '#{book}' 
script(src='someFile.js') 

Теперь внутри someFile.js, вы можете использовать книгу, как обычной переменной:

$(document).ready(function() { 
    console.log(book.title); 
}); 

Answer 2

Try STH как

- var j = 'var book = '+JSON.stringify(book) 
script !{j} 

и window.book будут доступны на клиентской стороне.