flatiron.js/plates partial templates?

Question

So, I just started working with flatironjs and \"plates\". I\'m trying to figure out how I can have a main layout template and then a partial template that loads content into th

Answer 1

Main layout template (template.html):

<h1>This is the main template.</h1>
<div id="main"></div>

Partial (partial.html):

<p>This is the partial that should be rendered into the main template.</p>

Then you can do this:

var fs = require("fs"),
    Plates = require("plates");

// Read the two files from disk

var template = fs.readFileSync("template.html", "utf-8");
var partial = fs.readFileSync("partial.html", "utf-8");

// Render the partial into main.
// The data-key in the second param is matched to the id in the template.
// Plates renders the corresponding value - in this case the contents of
// partial.html - between the start and end tags with this id.

var rendered = Plates.bind(template, {main: partial});

So console.log(rendered)should give you:

<h1>This is the main template.</h1>
<div id="main">
  <p>This is the partial that should be rendered into the main template.
</p>