JsHtmlJavaScript 模版引擎
JsHtml 提供簡(jiǎn)潔的 HTML、全 JavaScript 的模版引擎,靈感來(lái)自 ASP.NET MVC 中的 razor 視圖引擎??稍跒g覽器使用,也支持 Node.js 。
示例模版 index.jshtml:
<html>
<head>
<title>@locals.title</title>
</head>
<body>
<ul class="Task">
@locals.taskList.forEach(function(task, index) {
<li class="@(index % 2 ? "Odd" : "Even")">
@tag('a', {href: '/task/' + task.id}, task.name)
</li>
});
</ul>
<ul class="Task">
@for(var taskIndex = 0, taskCount = locals.taskList.length; taskIndex < taskCount; taskIndex ++){
writePartial('task', {taskIndex: taskIndex, task: locals.taskList[taskIndex]});
}
</ul>
<p>
if you like it, let me know!<br />
- <a href="mailto:[email protected]">[email protected]</a><br />
</p>
</body>
</html>評(píng)論
圖片
表情
