Ember.js 重定向到第一项错误

Question

我有一张门票 list 。当我转到路线“门票”时，我会显示它们的列表。我希望自动选择第一个项目。我在 stackoverflow 上找到了解决方案，但它对我不起作用。代码是:

window.App = Ember.Application.create();

App.Router.map(function() {
    this.resource('tickets', function() {
        this.resource('ticket', { path: ':ticket_id' });
    });
    this.resource('feedback');
});

App.TicketsRoute = Ember.Route.extend({
    model: function() {
        return App.Ticket.find();
    }, 
    redirect: function() {
        var ticket = this.modelFor('tickets').get('firstObject');
        this.transitionTo('ticket', ticket);
    }
});

当我第一次访问门票路线时，它选择第一项。但后来我转到另一条路线并返回门票。之后我收到下一个错误:

WARNING: The immediate parent route ('a') did not render into the main outlet and the    default 'into' option ('p') may not be expected

标记变得错误，它不显示项目列表(仅显示有关第一张票的详细信息)。我不明白这个错误。

提前致谢!

Answer 1

该警告是因为正在渲染的模板在其父级中找不到导出。我猜您可能有 ticket.hbs 模板，但没有 tickets.hbs？理想情况下它应该是这样的:

// in tickets.hbs
{{#each ticket in tickets}}
  //ticket link
{{/each}}
{{outlet}}

// tickets/index.hbs
Please select a ticket from the list

// in ticket.hbs
// ticket details

参见https://github.com/emberjs/ember.js/pull/1916#issuecomment-13669980以获得解释。