如何在Jade模板中使用Javascript變量？

Question

我正在使用IBM Bluemix為學校項目制作Web服務。

我的項目需要從API請求JSON，因此我可以使用它提供的數據。

我希望Jade Template使用來自API的數據來編寫字符串，但我不能使用我的.js文件中定義的變量。

例如，我想寫

“你的匯率是”+ CotacaoDolar

在jade文件的h1字段中，“CotacaoDolar”是.js文件中定義的變量。

怎么可以這樣做？

這是我的.js文件：

 /*eslint-env node*/ //------------------------------------------------------------------------------ // node.js starter application for Bluemix //------------------------------------------------------------------------------ // HTTP request - duas alternativas var http = require('http'); var request = require('request'); // cfenv provides access to your Cloud Foundry environment // for more info, see: https://www.npmjs.com/package/cfenv var cfenv = require('cfenv'); //chama o express, que abre o servidor var express = require('express'); // create a new express server var app = express(); // serve the files out of ./public as our main files app.use(express.static(__dirname + '/public')); // get the app environment from Cloud Foundry var appEnv = cfenv.getAppEnv(); // start server on the specified port and binding host app.listen(appEnv.port, '0.0.0.0', function() { // print a message when the server starts listening console.log("server starting on " + appEnv.url); }); app.get('/home1', function (req,res) { http.get('http://developers.agenciaideias.com.br/cotacoes/json', function (res2) { var body = ''; res2.on('data', function (chunk) { body += chunk; }); res2.on('end', function () { var json = JSON.parse(body); var cotacao = json["bovespa"]["cotacao"]; var CotacaoDolar = json["dolar"]["cotacao"]; var VariacaoDolar = json["dolar"]["variacao"]; var CotacaoEuro = json["euro"]["cotacao"]; var VariacaoEuro = json["euro"]["variacao"]; var Atualizacao = json["atualizacao"]; res.render('cotacao_response.jade', { message: 'A taxa de câmbio é de '+CotacaoDolar+' R$.Esse valor corresponde ao preço de venda em '+Atualizacao }); }); }); }); 

這是我的.jade文件：

 doctype html html(lang="en") head title Cotação link(rel='stylesheet',href='stylesheets/style.css') body h1!=message #container.col p Seu câmbio foi. p. 

Answer 1

您只需在渲染保存變量的模板時傳入一個對象。 然后，可以通過引用Jade模板中的鍵來訪問該值。 因此，要發送變量'CotacaoDolar'，您將傳遞對象：

res2.render('cotacao_response.jade', {
    'CotacaoDolar': CotacaoDolar
});

然后在您的Jade模板中，您可以創建h1，如：

h1 Your exchange rate is #{CotacaoDolar}