我有两个余烬组件,一个用于显示视频卡(-print0
),另一个用于在播放视频时显示视频模式(find
)。我想在Ember中实现的是能够传递给模型当前应该使用的-0
xargs
对象。至于现在,我无法以某种方式将video-card
对象从video-modal
绑定到video-modal
。
/components/video-card.js
video
这些组件唯一的共同点是video
控制器,因为组件插入了tempalte的不同部分:
/tempaltes/application.hbs
video-card
/templates/index.hbs
video-modal
何时触发import Ember from 'ember';
export default Ember.Component.extend({
actions: {
play: function(){
// outputs video title when video thumbnail is clicked
console.log(this.get('video').get('title'));
Ember.$('#video-modal').openModal();
}
}
});
操作时,将/controller/application.js
对象从{{video-modal}}
绑定到动态的{{#each model.videos as |video|}}
<li>
{{video-card video=video}}
</li>
{{/each}}
组件?
答案 0 :(得分:0)
我为此目的使用了https://github.com/yapplabs/ember-modal-dialog。您可以将模态对话框组件放在视频卡组件中(或循环中的旁边)并让它们共享属性。
答案 1 :(得分:0)
有很多方法可以做这样的事情。很久以前我用过这个Example。没有必要使用插件来完成这么简单的任务。