从Controller中使用EmberJS transitionToRoute时，如何更正URL路径中的[object％20Object]？(How do I correct [object%20Object] in URL path when using EmberJS transitionToRoute from Controller?)

 我正在尝试在模板中设置一个动作，根据动态生成的导航栏将用户转换到另一个路径，使用客户端执行的json /和js的组合。 我已经设法配置我的应用程序，以便我可以生成有效的常规路径，但我想使用转换来避免额外的页面加载。 
 
 对（希望）必要信息的要点是： 
 
 https://gist.github.com/rjfranco/5289201 
 
 JS： 
 
App.Router.map ->
  @route 'index', {path: "/#{short_name}"}
  @route 'customList', {path: "/#{short_name}/custom-list/:list_name"}
  @route 'multiLevelList', {path: "/#{short_name}/multi-level-list/:list_name/:list_level"}

App.EventController = Em.ObjectController.extend
  goTo: (navbar_icon) ->
    @transitionToRoute navbar_icon.route, navbar_icon.context

# Sample passed navbar_icon
navbar_icon =
  img_src: '/somesource_or_another.jpg'
  display_name: 'My Link Name!'
  route: 'customList'
  context: {list_name: 'Exhibitors'}
 
 模板： 
 
{{#each controller.navbarIcons}}
  <li><a {{action goTo this}}><img {{bindAttr src="image_src"}} width="36" height="36" />{{display_name}}</a></li>
{{/each}}
 
 预期页面实际上加载正常，但应用程序转换到的URL不正确，刷新会破坏应用程序。 
 
 我期待一个URL： /ruhaha/custom-list/Exhibitors 
 我最终得到一个像： /ruhaha/custom-list/[object%20Object] 
 
 稍微更新：我发现我可以在应用程序上滥用几种方法来产生我想要的结果： 
 
 App.handleURL（'/ ruhaha /定制列表/展商） 
 App.Router.router.replaceURL（'/ ruhaha /定制列表/展商） 
 
 这实际上会触发路由，并且在没有页面请求的情况下替换有效地将我的应用程序转换到我想要的状态的URL。 虽然这有效但我很确定这是解决这个问题的错误方法。 

I'm attempting to setup an action in a template to transition users to another route based on a dynamically generated navbar, using a combination of json / and js that is executed client side. I've managed to configure my application so that I can generate regular paths that work, but I would like to use transitions to avoid additional page loads.
 
A gist with what is (hopefully) the necessary information is:
 
https://gist.github.com/rjfranco/5289201
 
JS:
 
App.Router.map ->
  @route 'index', {path: "/#{short_name}"}
  @route 'customList', {path: "/#{short_name}/custom-list/:list_name"}
  @route 'multiLevelList', {path: "/#{short_name}/multi-level-list/:list_name/:list_level"}

App.EventController = Em.ObjectController.extend
  goTo: (navbar_icon) ->
    @transitionToRoute navbar_icon.route, navbar_icon.context

# Sample passed navbar_icon
navbar_icon =
  img_src: '/somesource_or_another.jpg'
  display_name: 'My Link Name!'
  route: 'customList'
  context: {list_name: 'Exhibitors'}
 
template:
 
{{#each controller.navbarIcons}}
  <li><a {{action goTo this}}><img {{bindAttr src="image_src"}} width="36" height="36" />{{display_name}}</a></li>
{{/each}}
 
The expected page actually loads fine, but the url the application transitions to is not correct, and refreshing breaks the application.
 
I'm expecting a URL along the lines of: /ruhaha/custom-list/Exhibitors
 and I end up with one like: /ruhaha/custom-list/[object%20Object]
 
Slight update: I've found that I could abuse a couple of methods on the app to produce the results I want:
 
App.handleURL('/ruhaha/custom-list/Exhibitors')
 App.Router.router.replaceURL('/ruhaha/custom-list/Exhibitors')
 
This will actually trigger the route, and replace the url effectively transitioning my application to the state I want without a page request. Although this works I'm pretty certain this is the wrong way to take care of this issue.

原文：https://stackoverflow.com/questions/15768218