如何在 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.ArrayController
或 Ember.CollectionView
.
使用其中任何一个,您都可以控制子对象。
如果我对此的解释正确,那么您希望在 <select>
选项更改时更改 URL。
结合使用 transitionToRoute
、observes
和 currentPath
,您可以使用内置的 Ember.Select 视图 class 实现此目的。
这是一个可能有用的 JSbin:
http://emberjs.jsbin.com/jogadudase/2/edit
我有一个应用程序,我们想在其中使用 <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.ArrayController
或 Ember.CollectionView
.
使用其中任何一个,您都可以控制子对象。
如果我对此的解释正确,那么您希望在 <select>
选项更改时更改 URL。
结合使用 transitionToRoute
、observes
和 currentPath
,您可以使用内置的 Ember.Select 视图 class 实现此目的。
这是一个可能有用的 JSbin: http://emberjs.jsbin.com/jogadudase/2/edit