取得する記事の数を制限する子コントローラーを作成しようとしています。アイデアは、そのようなものを持つことです:
var HomeSectionController = Ember.ObjectController.extend({
selectedArticles: functioin(){
// code here
}.property('articles')
});
Ember と Ember-CLI を使用した最初の実際のプロジェクトなので、まだ概念を消化中です。
これは、これまでの様子です。
models/home.js
var Home = DS.Model.extend({
sections: DS.hasMany('homeSection', {async: true})
});
Home.reopenClass({
FIXTURES: [
{
id: 1,
sections: [1, 2]
}
]
});
export default Home;
models/home-section.js
var HomeSection = DS.Model.extend({
title: DS.attr('string')
});
HomeSection.reopenClass({
FIXTURES: [
{id: 1, title: 'About', articles: [1,2,3,4,5]},
{id: 2, title: 'Contact'}
]
});
export default HomeSection;
models/home-article.js
var HomeArticle = DS.Model.extend({
title: DS.attr('string')
});
HomeArticle.reopenClass({
FIXTURES: [
{id: 1, title: 'Article 1'},
{id: 2, title: 'Article 2'},
{id: 3, title: 'Article 3'},
{id: 4, title: 'Article 4'},
{id: 5, title: 'Article 5'},
]
});
export default HomeArticle;
ルート/home.js
export default Ember.Route.extend({
model: function() {
return this.store.find('home');
}
});
テンプレート/home.hbs
{{partial "home/sections"}}
template/home/sections.hbs
{{#each model}}
<div class="sections">
{{#each sections}}
{{#each articles}}
... the magic happens here!
{{/each}}
{{/each}}
</div>
{{/each}}
をどこで作成しますかHomeSectionController
。正しいcontrollers/home-section.js
命名構造はありますか?
どうもありがとう、
H
アップデート:
私の疑問は、ルートのない子コントローラーに関するもので、ember-cli とはあまり関係がありませんでした。とにかく、ここで良い議論を見つけましたhttp://discuss.emberjs.com/t/parent-child-controller-relationships-without-using-routes/761/19以前の質問のいくつかに答えています。