LINUX.ORG.RU
Форум — Web-development  

Templayed.js отпендерить шаблон.

 , ,


0

1

Всем привет. Только начал работать с шаблонозаторами 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>

★

Ответ на: комментарий от Jaberwock

Thnx!

var i = 0, arr_length = templates.length;
for (i; i < arr_length; i++) {
  $("#main-content").append( 
    templayed(templates[i].template)(templates[i].variables)
  )
}

Как можно оптимизировать данный код?

djnoob ★
() автор топика
Ответ на: комментарий от djnoob

Кроме выноса templates в отдельную переменную ничего не вижу. А в чем проблема? Слишком большой массив?

Jaberwock ★★★
()

какая тупизна, однако

document.querySelector(«#main-content»).innerHTML=«<h1>My name is Vasia Pupkin</h1>»

J-yes-sir
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Web-development