Поскольку у шаблонов руля нет имен, они вставляются в DOM в тот момент, когда они объявлены - вот почему вы вообще видите что-либо.
Это:
{{#each content}}
{{view Skills.RecommendedSkillView skillBinding="this"}}
{{/each}}
Ничего не делает для вас, поскольку content
на этом этапе не определено, а шаблон руля не связан с представлением.
Аналогично:
Skills.RecommendedSkillsListView = Ember.View.extend({
templateName: 'app/templates/recommended_skills_list',
Непомогите вам, поскольку templateName
указывает на несуществующий шаблон руля, а классы представления никогда не создаются (в противном случае вы получите предупреждение об отсутствующем шаблоне).
Более того:
<td><a href="#" {{action "a"}}>DO A THING</a></td>
Не будет вызывать функцию a
, так как снова этот шаблон просто вставляется один раз в DOM, где он встречается, и a
не определен в этом контексте (как и skill
).
И, наконец, когда вы приблизите свой код к работе так, как намереваетесь, возникнет проблема с тем, что каждый шаблон руля по умолчанию заключен в div
.Следовательно, ваш стол будет иметь div
вокруг каждого tr
.Это решается изменением tagName
: http://emberjs.com/#toc_36