1

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

extend layout

block content // content comes here

那么就足够了。

我搜索了官方指南，但没有找到怎么做。最相似的似乎是：

{>partials}

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

4

1 回答 1

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}、{>toExtend} 和 {

于 2013-05-31T03:54:06.507 回答