如何在非嵌套路由中使用ember-crumbly？

Question

我正在尝试使用application向这个ember-crumbly添加面包屑。

我找不到git repo，所以要查看代码，你必须通过单击Course Material中的“Download git repository”按钮来克隆整个应用程序，然后转到分支步骤 - 通过命令行进入repo后运行以下命令：

git checkout step-14

我通过对文件进行以下更改来添加面包屑：

应用/路由/ album.js

import Ember from 'ember';

export default Ember.Route.extend({
  breadCrumb: {
    title: 'Album'
  }
});

应用/路由/ index.js

import Ember from 'ember';

export default Ember.Route.extend({
  breadCrumb: {
    title: 'Home'
  },
  model() {
    return this.store.findAll('album');
  }
});

应用/模板/ application.hbs

<header>
  <h1>BümBöx</h1>
</header>

<div class="breadcrumb">
  {{bread-crumbs tagName="ul" outputStyle="foundation"}}
</div>

{{outlet}}

{{now-playing}}

我希望当我去http://localhost:4200/album/1时，它看起来像这样：

但相反，它看起来像这样：

我猜这是因为我的路线没有嵌套在目录中（因为它不是app / routes / home / album.js），这与ember-crumbly的演示不兼容。有人可以帮我弄清楚如何在这个应用程序中添加ember-crumbly吗？非常感谢。