Ember.Router 过渡到不更新 URL

Question

我通过引用Ember Router not updating url in Chrome and Safari 使用最新的 ember.js (0.9.8.1) 实现了以下内容。当我尝试通过 router.transitionTo('route path') 方法（附加 sn-p 的最后 3 行）切换黑白路由时，浏览器 url 未正确更新，但我确实看到视图标记正在更新，确认该状态改变确实发生了。可以帮助确定我是否在这里遗漏了什么吗？

顺便说一句：我在 Chrome 20.0.1132.27 beta-m 中对此进行了测试

App = Ember.Application.create({});

App.IndexView = Ember.View.extend({
    template: Ember.Handlebars.compile(
        'hello world from index'
    )
});

App.ShowView = Ember.View.extend({
    template: Ember.Handlebars.compile(
       'hello world from show'
    )
});

App.Router = Ember.Router.extend({
    location: 'hash',
    enableLogging: true,

    root: Ember.State.extend({
        index: Ember.State.extend({
            route: '/',
            redirectsTo: 'tasks'
        }),

        tasks: Ember.State.extend({
            route: '/tasks',

            index: Ember.ViewState.extend({
                route: '/',
                view: App.IndexView
            }),

            show: Ember.ViewState.extend({
                route: '/show',
                view: App.ShowView
            })
        })
    })
});

var router = App.Router.create({});

App.initialize(router);
router.transitionTo('root');
router.transitionTo('root.tasks');
router.transitionTo('root.tasks.show');

Answer 1

我运行了您的代码，在控制台中出现以下错误“对象哈希没有方法 'setURL'”。通过调试，我发现你必须定义路由器的位置：

location = Ember.Location.create({ style: 'hash' }) 

或

location = Ember.Location.create({implementation: 'hash'})

我不知道究竟是为什么，但它似乎有效。可能只是ember版本的原因吧。

Answer 2

您混淆了两种初始化方法。

1. 定义 App.Router 后，您只需调用 App.initialize()。它会自动创建一个 Ember.Router 实例并将其分配给变量 App.stateManager。然后可以使用 App.stateManager 调用 transitionTo。

2. 您可以定义变量路由器来扩展 Ember.Router，然后调用 App.initialize(router)。此方法还创建 Ember.router 的实例并将其分配给 App.stateManager。然后可以使用 App.stateManager 调用 transitionTo。

这两种方法都可以，但我更喜欢方法 1。为了操纵路线，我们总是使用 App.stateManager。