Всем привет. Только начал работать с шаблонозаторами javascript и сразу уперся в проблему - не ясно как, собственно, рендерит эти шаблоны. В качетсве шаблонизатора использую templayed.js, так как, по заявлениям авторов, он мал и быстр.
Имею файл с описанием шаблонов и переменных:
templates.js
var templates = [
{
template: "<h1>My name is {{name}}!</h1>",
variables: {name: "Vasia Pupkin"}
}
];
Как мне его отрендерить в блоке #main-conten:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="templayed.min.js"></script>
<script type="text/javascript" src="templates.js"></script>
</head>
<body>
<div id="main-content">
</div>
</body>
</html>