javascript - 如何在 Jade 模板中使用 Javascript 变量？

Question

我正在使用 IBM Bluemix 为学校项目制作 Web 服务。

我的项目需要从 API 请求 JSON，因此我可以使用它提供的数据。

我希望 Jade 模板使用来自 API 的数据写入字符串，但我不能使用我的 .js 文件中定义的变量。

例如，我想写

"Your Exchange Rate is"+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}