Javascript 具有动态数据的Jade/Pug中的部分模板

Javascript 具有动态数据的Jade/Pug中的部分模板,javascript,node.js,pug,partials,Javascript,Node.js,Pug,Partials,我正在尝试创建具有2个块的视图。每个块都有不同的实时数据源。当我在主视图中使用Jade's include时: extends ../layout block content link(rel='stylesheet', type='text/css', href='/stylesheets/people.css') include ../store/peopleTemplate.pug 我犯了一个错误 Cannot read property 'people' of undefined

我正在尝试创建具有2个块的视图。每个块都有不同的实时数据源。当我在主视图中使用Jade's include时:

extends ../layout

block content
 link(rel='stylesheet', type='text/css', href='/stylesheets/people.css')
 include ../store/peopleTemplate.pug
我犯了一个错误

Cannot read property 'people' of undefined.
原因是数据仍在加载。如果排除,则将其包含在恢复数据使用的函数中

res.render(template, {  data:localData });
模板不会添加到视图中


如何将两个或多个包含不同来源动态数据的局部视图添加到一个视图?谢谢

经过广泛的研究,Pug/Jade模板引擎不支持动态模板渲染或在一个视图中使用多个部分。在这种情况下,建议使用把手

经过广泛研究,Pug/Jade模板引擎不支持动态模板渲染或在一个视图中使用多个部分。在这种情况下,建议使用把手

您可以通过mixin实现这一点

哈巴狗

帕格

哈巴狗


jade中的语法与pug 2中的略有不同。

您可以通过mixin实现这一点

哈巴狗

帕格

哈巴狗


在jade中,语法与在pug 2中略有不同。

我正在开发一个Node Js网站,它可以与pug一起实现这一点。帕格返回一条小溪。该流必须转换为HTML内容。它起作用了。我使用智能数据绑定模块构建了一个Ajax模块,这样您就可以得到一个类似SPA的站点。完成后,我将在Github上发布javascript文件。“后退”按钮的验证和历史记录已经生效。刚刚把三个测试项目放在一起。现在我想为它开发一个身份验证装饰程序。

我正在开发一个Node Js网站,它可以通过PUG实现这一点。帕格返回一条小溪。该流必须转换为HTML内容。它起作用了。我使用智能数据绑定模块构建了一个Ajax模块,这样您就可以得到一个类似SPA的站点。完成后,我将在Github上发布javascript文件。“后退”按钮的验证和历史记录已经生效。刚刚把三个测试项目放在一起。现在我想为它开发一个身份验证装饰程序

doctype html
html
  head
    ...
  body
    block content
mixin petslist(pets)
  ul
    each pet in pets
      li #{pet}
extends layout

include pets-partial

block content
  h1 Dogs
  +petslist(dogs)

  h1 Cats
  +petslist(cats)