如何在 Ember.js 中创建 link-to drop-down

How to create a link-to drop-down in Ember.js

我有一个应用程序,我们想在其中使用 <select> 元素来控制在详细路线中加载哪个 object。

如果这是一个普通的 <ul>,就像我使用 bootstrap 的 drop-down 一样,在这里使用 #link-to 助手将是完美的,因为我可以使用 active class 始终自动 select 在 child 路线中加载的项目。

对于 select 元素,情况略有不同。我可能需要写一个视图,我同意,但我突然想到 parent 不应该知道他们在 ember 中的 children,那么 parent 视图如何访问以了解当前 select 编辑了哪个 child 视图?

即使 link link-to 助手的实现方式也可能对这里有所帮助。

谢谢!

parents aren't supposed to know about their children in ember

这是从哪里来的?

我不是 100% 确定你想要完成什么,但你可能想使用其中之一:Ember.ArrayControllerEmber.CollectionView.

使用其中任何一个,您都可以控制子对象。

如果我对此的解释正确,那么您希望在 <select> 选项更改时更改 URL。

结合使用 transitionToRouteobservescurrentPath,您可以使用内置的 Ember.Select 视图 class 实现此目的。

这是一个可能有用的 JSbin: http://emberjs.jsbin.com/jogadudase/2/edit