GitHub
Twittersteal-stache
A StealJS extension that allows stache templates as dependencies.
STACHE_MODULE_NAME!steal-stache
Import a stache module in your code and use it to render.
var template = require("./main.stache");
var Map = require("can-map");
var map = new Map();
var frag = template(map);
// frag is a live-bound DocumentFragment
Parameters
- STACHE_MODULE_NAME
{moduleName}:The module name of a stache template. This will typically be something like
templates/main.stache.
Returns
{can-stache.renderer}:
A renderer function that will render the template into a document fragment.
Use
With StealJS being used from node_modules like this:
<script src="node_modules/steal/steal.js"></script>
Start by installing steal-stache with npm:
npm install steal-stache --save
Then add the plugins configuration to your package.json:
{
...
"steal": {
...
"plugins": ["steal-stache"]
}
}
Now you can load can-stache modules like this:
import todosStache from "todos.stache"
todosStache([{name: "dishes"}]) //-> <documentFragment>
Specifying Dependencies
This plugin allows <can-import> elements that specify template dependencies:
<can-import from="components/my_tabs"/>
<can-import from="helpers/prettyDate"/>
<my-tabs>
<my-panel title="{{prettyDate start}}">...</my-panel>
<my-panel title="{{prettyDate end}}">...</my-panel>
</my-tabs>