2014-05-22 81 views
2

我正在创建一个使用竖琴的网站,我想知道是否有一种方法可以和正常的!=良率工作方式一起使用Jade模块。基本上,对于页面特定的脚本,我想将一个块传递给我的布局。目前,无论我在模板中的某个块中有什么内容,都会直接通过我的布局。有没有什么方法可以在Harp.js中使用Jade块?

例如:

// _layout.jade 
html 
    head 
    title Hello, world 
    body 
    != yield 
    div Random delimiter 
    block scripts 

// index.jade 
h1 Hello, world 
block scripts 
    script(src='/some/script.js'). 
    div Not working 

输出:

<html> 
    <head> 
    <title>Hello, world</title> 
    </head> 
    <body> 
    <h1>Hello, world</h1> 
    <div>Not working</div> 
    <div>Random delimiter</div> 
    </body> 
</html> 

任何想法?

回答

5

是的,你可以做这样的事情:

// _custom_layout.jade 
html 
    head 
    title Hello World 
    body 
    block main_content 
     //- Default main content 
    div Delimiter 
    block scripts 
     //- Default scripts here 

而且

// index.jade 
extends _custom_layout.jade 
block main_content 
    h1 Hello From Index 
block scripts 
    script(src='/some/script.js'). 

这应该输出

<html> 
    <head> 
    <title>Hello World</title> 
    </head> 
    <body> 
    <h1>Hello From Index</h1> 
    <div>Delimiter</div> 
    <script src="/some/script.js"></script> 
    </body> 
</html> 
  • 要利用玉的block功能的,用的东西除了以外210,因为该文件名在Harp中有定义的用途。您必须将自定义模板分配给使用_data.json的页面。

我还没有测试过这个代码,如果有任何问题,我会修复它。

+0

谢谢,我结束了我的主布局继承了类似于上面的自定义布局,这样做的一点痛苦,但至少它的工作原理! – Lee

相关问题