Question

在Jade JS中，扩展布局非常容易。假设有一个有layout.jade，而对于index.jade，只需执行：

extend layout

block content // content comes here

然后就足够了。

我搜索了official guide，但没有找到怎么办。最相似的似乎是：

{>partials}

但仍然不是扩展布局。如何在DustJS中实现类似的功能？非常感谢。

Answer 1

我找到了解决办法......结果我没有仔细阅读尘埃文件。

布局文件：

<html>
<head>
  <title>{+title}Location of Title{/title}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
  <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.css" rel="stylesheet">
  <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.js"></script>
</head>
<body>
  <header>
    <h1 id="page-title" class="very-middle">{+title}Title Comes Here{/title}</h1>
  </header>
  <div id="content">
    {+content}
    Content Comes Here
    {/content}
  </div>

</body>
</html>

内容文件：

 {>layout/}

 {<content}
   {!
     Content simply comes here
   }
 {/content}

所以关键是使用{+ placeHolder}，{＆gt; toExtend}和{

DustJS扩展布局？

1 个答案: