blocks|key|957567|text|使用Express+3.0：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|957568|<%25-+include+myview.ejs+%25>|code-block|syntax|javascript|957569|该路径是包含该文件的调用方的相对路径，而不是使用app.set("views",+"path/to/views")设置的视图目录的相对路径。|offset|length|style|CODE|957570|EJS+v1+includes|957571|EJS+v2+includes|957572|(更新:+ejs+v3.0.1的最新语法是<%25-+include('myview.ejs')+%25>)|957573|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/visionmedia/ejs#includes|1|https://github.com/mde/ejs#includes^0|0|0|O|X|0|0|F|0|0|0|F|1|0|L|S|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@$I|15|J|16|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|17|8|@]|9|@$I|18|J|19|1|1A]]|A|$]]|$1|O|3|P|5|6|7|1B|8|@]|9|@$I|1C|J|1D|1|1E]]|A|$]]|$1|Q|3|R|5|6|7|1F|8|@$I|1G|J|1H|K|L]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]|10|$5|V|W|X|A|$Y|11]]]]

<p>With Express 3.0:</p>
<pre><code>&lt;%- include myview.ejs %&gt;
</code></pre>
<p>the path is relative from the caller who includes the file, not from the views directory set with <code>app.set(&quot;views&quot;, &quot;path/to/views&quot;)</code>.</p>
<p><a href="https://github.com/visionmedia/ejs#includes" rel="noreferrer">EJS v1 includes</a><br />
<a href="https://github.com/mde/ejs#includes" rel="noreferrer">EJS v2 includes</a></p>
<p>(Update: the newest syntax for ejs v3.0.1 is <code>&lt;%- include('myview.ejs') %&gt;</code>)</p>


blocks|key|957615|text|Express+3.x不再支持partial。根据post+ejs+'partial+is+not+defined'，您可以在EJS中使用"include“关键字来替换移除的部分功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|957616|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/11351691/ejs-partial-is-not-defined^0|U|S|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>Express 3.x no longer support partial. According to the post <a href="https://stackoverflow.com/questions/11351691/ejs-partial-is-not-defined">ejs &#39;partial is not defined&#39;</a>, you can use "include" keyword in EJS to replace the removed partial functionality.</p>


blocks|key|957678|text|在官方文档中，https://github.com/mde/ejs#includes展示了这样的工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|957679|<%25-+include('../partials/head')+%25>|code-block|syntax|javascript|957680|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mde/ejs#includes^0|7|Z|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>In oficial documentation <a href="https://github.com/mde/ejs#includes" rel="nofollow noreferrer">https://github.com/mde/ejs#includes</a> show that includes works like that:</p>

<pre><code>&lt;%- include('../partials/head') %&gt;
</code></pre>


blocks|key|741835|text|还有<%25-+include('partials/header.ejs'，{paramName:+paramValue})+%25>|type|unstyled|depth|inlineStyleRanges|entityRanges|data|741836|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Also
&lt;%- include('partials/header.ejs',{paramName: paramValue}) %&gt;</p>


blocks|key|741721|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|741722|++++<link+rel="stylesheet"+href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css"+integrity="sha384-Zug%2BQiDoJOrZ5t4lssLdxGhVrurbmBWopoEl%2BM6BdEfwnCJZtKxi1KgxUyJq13dy"+crossorigin="anonymous">

+<form+method="post"+class="mt-3">
++++++++<div+class="form-group+col-md-4">
++++++++++<input+type="text"+class="form-control+form-control-lg"+id="plantName"+name="plantName"+placeholder="plantName">
++++++++</div>
++++++++<div+class="form-group+col-md-4">
++++++++++<input+type="text"+class="form-control+form-control-lg"+id="price"+name="price"+placeholder="price">
++++++++</div>
++++++++<div+class="form-group+col-md-4">
++++++++++++<input+type="text"+class="form-control+form-control-lg"+id="harvestTime"+name="harvestTime"+placeholder="time+to+harvest">
++++++++++</div>
++++++++<button+type="submit"+class="btn+btn-primary+btn-lg+col-md-4">Submit</button>
++++++</form>

<form+method="post">
++++++++<table+class="table+table-striped+table-responsive-md">
++++++++++++<thead>
++++++++++++<tr>
++++++++++++++++<th+scope="col">Id</th>
++++++++++++++++<th+scope="col">FarmName</th>
++++++++++++++++<th+scope="col">Player+Name</th>
++++++++++++++++<th+scope="col">Birthday+Date</th>
++++++++++++++++<th+scope="col">Money</th>
++++++++++++++++<th+scope="col">Day+Played</th>
++++++++++++++++<th+scope="col">Actions</th>
++++++++++++</tr>
++++++++++++</thead>
++++++++++++<tbody>
++++++++++++<%25for+(let+i+=+0;+i+<+farms.length;+i%2B%2B)+{%25>
+++++++++++++++++<tr>
++++++++++++++++++++<td><%25=+farms[i]['id']+%25></td>
++++++++++++++++++++<td><%25=+farms[i]['farmName']+%25></td>
++++++++++++++++++++<td><%25=+farms[i]['playerName']+%25></td>
++++++++++++++++++++<td><%25=+farms[i]['birthDayDate']+%25></td>
++++++++++++++++++++<td><%25=+farms[i]['money']+%25></td>
++++++++++++++++++++<td><%25=+farms[i]['dayPlayed']+%25></td>
++++++++++++++++++++<td><a+href="<%25=`/farms/${farms[i]['id']}`%25>">Look+at+Farm</a></td>
++++++++++++++++</tr>
++++++++++++<%25}%25>
++++++++</table>
++++</form>|code-block|syntax|javascript|741723|741724|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous"&gt;

 &lt;form method="post" class="mt-3"&gt;
        &lt;div class="form-group col-md-4"&gt;
          &lt;input type="text" class="form-control form-control-lg" id="plantName" name="plantName" placeholder="plantName"&gt;
        &lt;/div&gt;
        &lt;div class="form-group col-md-4"&gt;
          &lt;input type="text" class="form-control form-control-lg" id="price" name="price" placeholder="price"&gt;
        &lt;/div&gt;
        &lt;div class="form-group col-md-4"&gt;
            &lt;input type="text" class="form-control form-control-lg" id="harvestTime" name="harvestTime" placeholder="time to harvest"&gt;
          &lt;/div&gt;
        &lt;button type="submit" class="btn btn-primary btn-lg col-md-4"&gt;Submit&lt;/button&gt;
      &lt;/form&gt;

&lt;form method="post"&gt;
        &lt;table class="table table-striped table-responsive-md"&gt;
            &lt;thead&gt;
            &lt;tr&gt;
                &lt;th scope="col"&gt;Id&lt;/th&gt;
                &lt;th scope="col"&gt;FarmName&lt;/th&gt;
                &lt;th scope="col"&gt;Player Name&lt;/th&gt;
                &lt;th scope="col"&gt;Birthday Date&lt;/th&gt;
                &lt;th scope="col"&gt;Money&lt;/th&gt;
                &lt;th scope="col"&gt;Day Played&lt;/th&gt;
                &lt;th scope="col"&gt;Actions&lt;/th&gt;
            &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
            &lt;%for (let i = 0; i &lt; farms.length; i++) {%&gt;
                 &lt;tr&gt;
                    &lt;td&gt;&lt;%= farms[i]['id'] %&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;%= farms[i]['farmName'] %&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;%= farms[i]['playerName'] %&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;%= farms[i]['birthDayDate'] %&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;%= farms[i]['money'] %&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;%= farms[i]['dayPlayed'] %&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href="&lt;%=`/farms/${farms[i]['id']}`%&gt;"&gt;Look at Farm&lt;/a&gt;&lt;/td&gt;
                &lt;/tr&gt;
            &lt;%}%&gt;
        &lt;/table&gt;
    &lt;/form&gt;</code></pre>
</div>
</div>
</p>


blocks|key|741893|text|要包含ejs文件，您必须使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|741894|<%25-+include("file-name")+%25>|code-block|syntax|javascript|741895|注意:文件名中不需要使用.ejs。|offset|length|style|CODE|741896|entityMap^0|0|0|C|4|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>For including ejs file you must use:</p>
<pre><code>&lt;%- include(&quot;file-name&quot;) %&gt;
</code></pre>
<p>Note: NO need to use <code>.ejs</code> in file name.</p>


blocks|key|741606|text|EJS本身目前不支持视图分部。Express是这样做的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|741607|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>EJS by itself currently does not allow view partials. Express does. </p>


<p>I am trying to use Embedded Javascript renderer for node: 
<a href="https://github.com/visionmedia/ejs" rel="noreferrer">https://github.com/visionmedia/ejs</a></p>

<p>I would like to know how I can include another view file (partial) inside a .ejs view file. </p>


Node.js - EJS - including a partial

我正在尝试使用node：的嵌入式Javascript渲染器我想知道如何在.ejs视图文件中包含另一个视图文件(局部)。

问Node.js - EJS -包括部分
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Node.js - EJS -包括部分EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Node.js - EJS -包括部分
EN