循环

// 定义一个可循环的数据
// 可以是 object,也可以是数组
// 这里定义 nav 为一个数组
var obj = {
	nav: [
		{ title: '首页', url: '/' }
		, { title: '文档', url: '/started.html' }
		, { title: 'JS插件', url: '/javascript.html' }
	]
}

// 定义 html 模板
var htmlTemplate = '<ul>\
			    {{#each nav}}\
			    	<li data-index="{{@index}}" data-key="{{@key}}"><a href="{{url}}">{{title}}</a></li>\
			    {{/each}}\
		    </ul>';

var template = Handlebars.compile( htmlTemplate );

console.log( template( obj ) );

// 返回结构如下
/*
<ul>
    <li data-index="0" data-key="0"><a href="/">首页</a文档li>
    <li data-index="1" data-key="1"><a href="/started.html">组件</a></li>
    <li data-index="2" data-key="2"><a href="/javascript.html">JS插件</a></li>
 </ul>
*/