Показать сообщение отдельно
  #1 (permalink)  
Старый 10.10.2013, 12:06
Новичок на форуме
Отправить личное сообщение для Chifu Посмотреть профиль Найти все сообщения от Chifu
 
Регистрация: 11.04.2013
Сообщений: 4

Как Emberjs рендерит шаблон по переменной {{outlet}} без перезагрузки родителя
Попытаюсь задать вопрос как я его понимаю, если не совсем понятно, исправьте меня.

Меня интересует, как Ember.js, используя Handlebars рендерит и меняет один шаблон на другой по переменной {{outlet}} исходя приблизительно из такого HTML кода:
<div id="menu">
<a href="templates/template_1">Шаблон один</a>
<a href="templates/template_2">Шаблон два</a>
</div>

{{outlet}}

<script type="text/html" id="template_1">
<h2>Заголовок первого шаблона</h2>
<p>Содержание первого шаблона</p>
</script>

<script type="text/html" id="template_2">
<h2>Заголовок второго шаблона</h2>
<p>Содержание второго шаблона</p>
</script>


Как он делает так, чтобы в переменную Handlebars {{outlet}} записывался один шаблон, а потом туда же с полной заменой записывался второй шаблон, или перезаписывался первый без re-рендеринга шаблона родителя (там где меню и всё остальное).

Может он создаём функцию из шаблона, или ещё как-то, прошу знающих людей объяснить механизм немного, или хотя бы сказать в какую сторону копать. Большое спасибо.
Ответить с цитированием