2014-01-23 3 views
1

Я только начал следить за некоторыми учебниками и внезапно возникла проблема с отображением шаблона. Я не могу отобразить любой шаблон, отличный от стандартного.Ember.js не может отобразить собственный шаблон

Следующий код помещается только после того, как рулю по умолчанию (что делает хорошо) в index.html-> тела:

<script type="text/x-handlebars" data-template-name='myTemplateName'> 
    <h2>Why can not I just be shown?</h2> 
</script> 

Я создал файл представления, который ссылается в index.html правильно:

MovieTracker.ApplicationView = Ember.View.extend({ 
    templateName: 'application' 
}); 

MovieTracker.ApplicationView = Ember.View.extend({ 
    templateName: 'myTemplateName' 
}); 

проблема заключается в том, что я не получаю никаких ошибок (проверяются с помощью Firebug консоли), но содержание «myTemplateName» не отображается.

Почему я не могу добавить свои собственные шаблоны, а по умолчанию работает нормально?

Буду признателен за вашу помощь, это очень важно для меня, , и я искал по всему Интернету, ничего не обнаруживая.

ответ

2

У вашего шаблона приложения есть {{outlet}}? Где вы ссылаетесь на свой шаблон?

{{#link-to 'myTemplateName'}}Your Template{{/link-to}} 

У вас есть маршрут?

App.Router.map(function() { 
    this.route("myTemplateName", { path: "/myTemplateName" }); 
}); 

После рулей ссылок щелкают он должен заполнить ваш {{выход}} в главном шаблоне с правильным шаблоном.

+0

Привет, Dan, теперь я получаю две ошибки: 1) Ошибка: нет маршрута с именем myTemplateName.index 2) Ошибка связи с маршрутом 'myTemplateName' (также пыталась «myTemplateName.index»). Маршрутизатор не нашел «myTemplateName» в своих возможных маршрутах: «загрузка», «ошибка», «индекс». Я сделал то, что вы сказали .. Спасибо за вашу помощь! – TechWisdom

+0

Что вы назвали своим приложением? Если он отличается от App, замените App.Router.map на [insert-your-app-name] .Router.map и убедитесь, что какой js-файл он включен. – Dan

+0

OK Спасибо большое! Ты мне очень помог, теперь я могу продолжить! – TechWisdom

Смежные вопросы