javascript - 如何在jade中编写javascript block ？

Question

我需要在我的 jade 模板中编写一些 javascript 代码，但不要包含在 script 标签内:

body
   container
       p
          - var obj = {
          -    "price": 100,
          -    "qty: 3
          -};

          - var result = obj.price * obj.qty;

          Result is: !{result}.

在上面的代码中我做了一些计算并输出结果。一切正常，但由于多个 - 看起来很丑。 jade是否支持一些 block 来编写javascript而不使用多个-

Answer 1

Jade 目前不支持串接多行 unbuffered code一起。每个 - 后面应跟一个完整的语句。

obj 必须一次初始化:

p
    - var obj = { price: 100, qty: 3 };

或者在多个语句中设置:

p
    - var obj = {};
    - obj.price = 100;
    - obj.qty = 3;

或者，定义为“局部变量”来渲染:

var jade = require('jade');

var html = jade.renderFile(__dirname + '/template.jade', {
    obj: {
        price: 100,
        qty: 3
    }
});

p Result is: #{obj.price * obj.qty).

<小时/>

另请注意，Result ... 需要一个 | 前缀来将其表示为 line of text当它在自己的线路上时。

p
    | Result is #{result}