ember.js - 将弹出框添加到视图的 ember 方式是什么？

Question

我正在开发一个事件板应用程序。事件显示在与开始时间匹配的高度的列中，如果有多个重叠，则打包到空间中。每个事件都是一个视图，我希望在视图旁边有一个 div，在悬停时显示和隐藏。

我知道如何绑定到 mouseEnter 和 mouseLeave 以显示和隐藏模板的一部分，但我想显示与我的视图/模板相邻的东西，而不是在其中。

我已经在视图上获得了一些计算属性来放置具有正确高度和宽度的事件，所以我不想在视图中添加弹出框。

这里有一些东西要弄乱http://jsbin.com/osener/1/edit

看起来很简单，但我想确保我以 Ember 的方式做事。

Answer 1

在对您提供的 jsbin 进行了一些处理之后，结果如下。基本上我所做的是添加一个新的popupcss 声明来定位弹出窗口，以便它出现在父视图之外，并将{{#if...}}助手移动到原始视图中。

如果您想更花哨，请查看使用twitter boostrap popover的这个jsfiddle。

希望能帮助到你。