组件属性可用于所有视图Ember?

时间:2015-08-31 13:46:43

标签: javascript css google-maps ember.js google-maps-api-3

我希望GoogleMap标记和Map对象可用于所有视图,是否可以访问可用于视图的google-map组件属性?或者这可能是一个设计错误,有人可以提出更好的解决方案。

这是方案,

  1. 我有一个带有几个标记的谷歌地图,当我将鼠标悬停在上面时 弹出infoBox。
  2. 现在我希望这个InfoBox随时打开 我将鼠标悬停在地图外的相同数据上。
  3. 我有两个浮动div,一个有GoogleMap,另一个有数据。

2 个答案:

答案 0 :(得分:0)

首先,由于在将来的ember版本中不推荐使用视图,因此您应该重构代码以专门使用组件。

现在,如果我理解你的问题是正确的,我认为你应该使用动作让你的2个组件相互通信(google-maps和infoBox)

我的意思是,如果您将控制器用作事件调度程序,则可以连接您的2个组件。

单击操作框时,使用适当的信息向控制器发送操作。

然后,当控制器收到操作时,通过另一个操作将其发送回google-map组件。

答案 1 :(得分:0)

所以,最后我实现了我想要的。我按照这个解决方案 GoogleMaps and Ember components respond to actions 通过在初始化时将我的GoogleMap组件注册为自身的引用,我的控制器可以访问其所有(GoogleMap组件)操作。