Ember以编程方式在组件之间传递数据

时间:2015-11-28 12:51:51

标签: javascript video ember.js ember-cli

我有两个余烬组件,一个用于显示视频卡(-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}} 组件?

2 个答案:

答案 0 :(得分:0)

我为此目的使用了https://github.com/yapplabs/ember-modal-dialog。您可以将模态对话框组件放在视频卡组件中(或循环中的旁边)并让它们共享属性。

答案 1 :(得分:0)

有很多方法可以做这样的事情。很久以前我用过这个Example。没有必要使用插件来完成这么简单的任务。