Emberjs可重复使用的模态

Question

我的目标：

我想制作一个紧凑的，可重复使用的模态。它应该采用模板名称，并以模态进行渲染，

到目前为止我得到了什么：

http://emberjs.jsbin.com/mehabivu/6/edit

工作原理：

• App.ApplicationRoute有一个动作，它采用模板名称。
• 将其呈现为{{outlet modal}}
• 我可以使用此操作 应用程序范围和重用模板

我的问题：

• 我不知道如何将插座包装成div或其他东西（添加 css），并显示/隐藏它。
• 也许有更好的做法（组件？） 这样做

Answer 1

听起来像是在正确的道路上。正如Ember在他们的食谱中所说的那样：http://emberjs.com/guides/cookbook/user_interface_and_interaction/using_modal_dialogs/

包装/样式化模式可以通过渲染到插座的视图完成。目前，您的menu2模板没有视图。

App.Menu2View = Ember.View.extend({
  tagName: 'section',
  classNames: ['modal']
});

以上内容使包含标记为section，并将modal css类添加到该容器section。

我已更新您的JSBin：http://emberjs.jsbin.com/mehabivu/7/edit