Include advanced usage examples

mde · Apr 10, 2024 · cabe314 · cabe314
1 parent 29b076c
commit cabe314
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 0 deletions.
diff --git a/examples/slot/body.ejs b/examples/slot/body.ejs
@@ -0,0 +1 @@
+<div>body</div>
diff --git a/examples/slot/footer.ejs b/examples/slot/footer.ejs
@@ -0,0 +1 @@
+<div>footer</div>
diff --git a/examples/slot/index.ejs b/examples/slot/index.ejs
@@ -0,0 +1,15 @@
+
+<div>
+<%-include('./layout.ejs', {
+  body: include('./body.ejs'),
+  footer: include('./footer.ejs')
+})%>
+</div>
+
+<hr>
+
+<div>
+<%-include('./layout.ejs', {
+  footer: include('./footer.ejs')
+})%>
+</div>
diff --git a/examples/slot/index.js b/examples/slot/index.js
@@ -0,0 +1,12 @@
+/*
+ * Advanced use of "include", fast layout, and dynamic rendering components.
+ */
+
+var ejs = require('../../lib/ejs');
+var read = require('fs').readFileSync;
+var join = require('path').join;
+var path = join(__dirname, '/index.ejs');
+
+var ret = ejs.compile(read(path, 'utf8'), {filename: path})({title: 'use slot'});
+
+console.log(ret);
diff --git a/examples/slot/layout.ejs b/examples/slot/layout.ejs
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>layout</title>
+</head>
+
+<body>
+  <div>
+    <h2><%=title%></h2>
+
+    <% if (typeof body !== 'undefined') { %>
+    <%- body %>
+    <% } else { %>
+    <p>This is the default body content.</p>
+    <% } %>
+
+    <div>description</div>
+
+    <%- footer %>
+  </div>
+
+</body>
+
+</html>