Ember.js EmberJS:每个环路内有多个插座
我想完成以下功能: 条目列表-单击单个条目时,该条目的详细信息应显示在当前条目的下方 应该可以通过路由访问单个条目,例如Ember.js EmberJS:每个环路内有多个插座,ember.js,each,outlet,Ember.js,Each,Outlet,我想完成以下功能: 条目列表-单击单个条目时,该条目的详细信息应显示在当前条目的下方 应该可以通过路由访问单个条目,例如tasks/1 我的做法: 我试图通过在我的#每个循环中包含{outlet}}来解决这个问题,但这并不奏效 我找到的所有教程和解决方案都是基于List->Details方法,其中只使用了一个插座 我不知道怎样才能解决这个问题。有更好的解决方案吗?通过路由这是不可能的。您最好使用一个在单击时展开、加载和显示详细信息的组件 //list.hbs {{#each task in ta
tasks/1
我的做法:
我试图通过在我的#每个循环中包含{outlet}}
来解决这个问题,但这并不奏效
我找到的所有教程和解决方案都是基于List->Details
方法,其中只使用了一个插座
我不知道怎样才能解决这个问题。有更好的解决方案吗?通过路由这是不可能的。您最好使用一个在单击时展开、加载和显示详细信息的组件
//list.hbs
{{#each task in tasks}}
{{#task-loader task=task}}
{{#task-loader-trigger}}
//list ui
{{/task-loader-trigger}}
{{#task-loader-content}}
//details ui
{{/task-loader-content}}
{{/task-loader}}
{{/each}}
//task-loader.js
export default Em.Component.extend({
isOpen: false
});
//task-loader-trigger.js
export default Em.Component.extend({
click: function() {
//toggle isOpen
}
}};
//task-loader-content.js
export default Em.Component.extend({
classNameBindings: ['parentView.isOpen:show:hide'],
didInsertElement: function() {
//send request and load data
}
});
如果要维护状态(当前打开的任务),请使用查询参数。希望这有帮助:)谢谢你的回答。我遵循了您的方法,但最终使用了一个模式对话框来显示任务的详细信息。