javascript - ネストされた動的ルートの ember テンプレートをレンダリングするには?

Question

js` で、次のようなネストされたルートをいくつか宣言しました。

Router.map(function() {
  this.route('index', { path: '/' })
  this.route('orders', function() {
    this.route('details', { path: '/:order_id' });
  });
  this.route('not-found', { path: '/*path' });
});

ここでは、orders.detailsテンプレートはレンダリングされませんが、正しいルート ファイルに送信されます。ルート ファイルは次のとおりです。

import Route from '@ember/routing/route';

export default Route.extend({
  model(params) {
    const { order_id } = params;
    console.log('params', params);
    return order_id;
  },
  renderTemplate() {
    this.render('orders/details')
  }
});

ordersまた、フォルダー 内でネストされた方法でテンプレートを宣言しました。

これはテンプレートをレンダリングせず、orders/details常にテンプレートに移動しordersます。ここに私のorders/details.hbsテンプレートがあります：

<h2>Order {{this.model}}</h2>
{{outlet}}

ルートに移動する方法は次のとおりです。 {{#link-to 'orders.details' order.id}}{{order.description}}{{/link-to}}