Как добавить шаблоны в подкаталоги в Ember?

Question

Я вполне уверен, что ответ на мой вопрос где-то в некоторых документах, я прочитал много страниц, на официальных и неофициальных сайтах, много связанных вопросов на SO, но мой google-fu кажется недостаточно развитым, чтобы помочь мне найти ответ, И вот я здесь.

В моей команде мы используем Ember-cli для некоторых веб-приложений. У нас есть классическая папка для приложений/шаблонов, в которую мы помещаем .hbs каждого «контроллера», который у нас есть. В тех шаблонах дескрипторов мы используем компоненты, которые находятся в приложении/шаблонах/компонентах.

Мы недавно достигли точки, где приложение/шаблоны/компоненты слишком большие. Я думал, что было бы неплохо разделить их на подкаталоги, например.

• приложение/шаблоны/Product1, содержащего специфический к product1 компонентам + базовый Product1 руль (тот, который вызывается в приложении/router.js "HBS Controler" А).
• приложение/шаблоны/product2, содержащие компоненты, специфичные для продукта2, + базовый маркер product2 (тот, который вызван в app/router.js, «hbs» контроллера).

Но когда я делаю это, он не работает и отображает белую страницу:

• Если я перенесу «HBS Controler» из приложения/шаблонов для приложений/шаблоны/product1, у меня есть целая белая страница с ничем не загруженной.
• Если я перемещаю компонент из приложения/шаблонов/компонентов в приложение/templates/product1, отображается «hbs» контроллера, но у меня есть пустой блок, где должен быть мой компонент.

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

Спасибо заранее,

Benjamin

Answer 1

Override templateName свойство.

App.YourStuffComponent = Ember.Component.extend({ 
    templateName: 'components/intoDir/your-stuff' 
}); 

Демо: http://emberjs.jsbin.com/jenafa/2/edit?html,js,output