Question

我有一个玉模板（'主页'）和一个可重复使用的模板（'产品模板'）。 “产品模板”必须显示在许多其他页面中使用的动态数据，因此必须统一且不依赖于变量名称。

// main page
... (some code) ...

- var outerObj = [
  { title: '...', price: '...', description: '' },
  { title: '...', price: '...', description: '' },
  { title: '...', price: '...', description: '' }
];

// product temptate

.product
  .product__title=outerObj.title
  .product__price=outerObj.price
  .product__description=outerObj.description

如何包含“产品模板”并在循环中传递参数？（有点像这样）

// example of regular usage of 'product template':
- for (var i = 0; i < outerObj.length; i++)
  // pass only outerObj[i]
  include ./path/to/product-template.jade'

Answer 1

您可能希望使用类似函数的mixin，而不是在循环中执行include。

这样的事情：

mixin makeProduct(product)
  .product
    .product__title=product.title
    .product__price=product.price
    .product__description=product.description

each product in outerObj
  +makeProduct(product)

Jade：我怎样才能将随机变量传递给包含的模板？

1 个答案: