我们正在使用EmberJS编写应用程序。然而，我们仍然是这个框架的新手，我们很难解决一些看似直截了当的事情。
该模型非常简单，有3个模型：Queue，Task和Image。我们对所有路径使用动态URI段，这些模型的路由嵌套在以下形式中： ：queue_id /：TASK_ID /：image_id。
路由配置方式如下：
App.Router.map(function() {
this.resource('queue', {path: ':queue_id'}, function() {
this.resource('task', {path: ':task_id'}, function() {
this.resource('image', {path: ':image_id'});
});
});
}
在HTML的某个地方，我们有这个简单的模板来迭代任务中的所有图像：
{{#each task.images}}
<li>
{{#view App.ThumbnailView.contentBinding="this"}}
<img {{bindAttr src="thumbnail.url"}} />
{{/view}}
</li>
{{/each}}
以下是缩略图视图的代码：
App.ThumbnailView = Ember.View.extend({
tagName : 'a',
click : function(e) {
var task = //assume this value exists;
var queue = //assume this value exists;
var image = //assume this value exists;
this.get('controller.target.router').transitionTo('image', queue, task, image);
}
});
最后，这是我们的ImageRoute：
App.Image = Ember.Object.extend();
App.Image.reopenClass({
find : function(image_id) {
//This is where I set a breakpoint
console.log(image_id);
}
});
App.ImageRoute = Ember.Route.extend({
model : function(params) {
//image_id is the last uri segment in: #/1/1/1
return App.Image.find(params.image_id);
}
});
问题：
打电话给 this.get('controller.target.router').transitionTo() 好像在起作用。我可以看到，当我点击其中一个缩略图视图时，URL会发生变化（例如从/ 1/1/2更改为/ 1/1/3）。但是，我没有看到UI中的状态发生任何变化。此外，我放置断点的行似乎没有被触发。但是当我刷新页面时，它运行良好。
我的转换代码有问题吗？
谢谢。