Используйте внешнюю переменную в Jade

Question

У меня есть переменная, test, в script.js. Я ссылаюсь на script.js в мой index.jade документ следующим образом: script(type="text/javascript")(src="scripts/script.js").

В моем файле index.jade мне нужно использовать переменную test, но когда я пытаюсь, почти во всех случаях я получаю сообщение об ошибке 'test' is not defined.

Я обнаружил, что-то вроде body(onload="alert(test);") может получить доступ к test переменной, а что-то вроде p #{test} или p= test не может получить к нему доступ, который на самом деле то, что мне нужно работать.

Итак, как я могу передать переменную от script.js до index.jade, чтобы Джейд ее узнала? Заранее благодарим за любой совет, который у вас может быть.

Answer 1

Это серверный JavaScript:

- var colors = ['red', 'green', 'blue'] 

И это на стороне клиента:

body(onload="alert(colors);") 

Из-за этого цвета на стороне клиента не определено. Вы можете сделать это:

body(onload="alert(#{colors});") 

EDIT:

Если цвета осуществляется на стороне клиента Javascript переменной, то вы должны сделать это следующим образом:

ul#myul 

script 
    window.addEventListener('load', function(){ 
     var ul = document.getElementById('myul'); 
     for(var i = 0; i < colors.length; i++){ 
      var li = document.createElement('li'); 
      li.innerHTML = colors[i]; 
      ul.appendChild(li); 
     } 
    }) 

EDIT:

тест-клиент и не может использоваться как переменная js сервера. чтобы использовать его с jade, вы должны сначала передать его с сервера, как это в nodejs:

res.render('myviewpath', { test: test });