Как сделать мой глобальный.JS файл поговорить с Jade?

У меня есть глобальный файл javascript, где я читаю некоторые данные из базы данных.

//globals.js
var thisUserObject = userListData[arrayPosition];

//Populate Info Box
$('#carInfoReg').text(thisUserObject.reg);
$('#carPhoto').source(thisUserObject.LinkImage);

СодержимоеthisUserObject.LinkImage-это ссылка (правильно отформатированная с «http://»), и я хочу использовать ее, чтобы установить исходный атрибут тега изображения в моем файле jade.

br
  strong Photo
  img(src='#{carPhoto}')

однако он не показывает ничего вообще.

Что я делаю не так? Как я могу говорить с Джейд с данными из моих глобалов.JS?

1 ответ

  1. После компиляции jade больше не имеет ничего общего с jade. Если вы просто хотите, чтобы он работал, vue-лучший выбор. Это очень интуитивно.
    Яшма:

    script(src="https://cdn.jsdelivr.net/vue/latest/vue.js")
    #app
      br
      strong Photo
      img(src='{{carPhoto}}')
    

    JS:

    var vm = new Vue({
        el: '#app',
        data: {
            imgSrc: "http:www.foo.com",
            carInfoReg: " This carInfoReg "
        }
    });
    // it is easy to manipulate the data inside vue.
    //when you update data of Vue instance, its view will be updated automatically.
    vm.imgSrc = "http://www.bar.com/dwagsgd";
    

    JSFiddle