mustache-Logic-less templates

mustache-Logic-less templates

Mustache

<h1>{{header}}</h1>
{{#bug}}
{{/bug}}{{#items}}
{{#first}}
<li><strong>{{name}}</strong></li>
{{/first}}
{{#link}}
<li><a href=”{{url}}”>{{name}}</a></li>
{{/link}}
{{/items}}{{#empty}}
<p>The list is empty.</p>
{{/empty}}

JSON (try setting empty to true)

 {
“header”: “Colors”,
“items”: [
{“name”: “red”, “first”: true, “url”: “#Red”},
{“name”: “green”, “link”: true, “url”: “#Green”},
{“name”: “blue”, “link”: true, “url”: “#Blue”}
],
“empty”: false
}

Render Template[ HTML ]

Colors

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s