AngularJS 的 uiBreadcrumbs 不填充面包屑

uiBreadcrumbs with AngularJS not populating breadcrumbs

我正在为我的项目使用 angular breadcrumbs

已将 javascript 作为 Bower 安装并保存。

HTML代码是:

    <div ng-include="'components/navbar/navbar.html'"></div>
    <div id="main" class="container-fluid">
    <div ui-view="sidebar"></div>
    <div class="col-md-10">
    <ui-breadcrumbs template-url="uiBreadcrumbs.tpl.html" displayname-property="data.displayName"></ui-breadcrumbs>
    <h3><div ui-view="heading"></div></h3>
    <div ui-view="content"></div>
    </div>
    </div>
    <div ui-view="footer"></div>

使用 ui-router,我的状态信息是这样的:

.state('config', {
        url:'/config',
        views: {
          '@':{
            templateUrl: 'app/main/configuration/configuration.html',
          },
          'sidebar@config':{
            templateUrl: 'app/main/configuration/configsidebar.html',
          },
          'heading@config':{
            template: 'Configurations'
          },
          'content@config':{
            template: '<p>some random content to be decided, mostly a dashboard.</p>'
          },
          'footer@config':{
            templateUrl: 'app/main/configuration/footer.html',
          }
        },
        controller: 'ConfigCtrl',
        data: {
          displayName: 'Config'
        }
      })

根据文档,这足以显示面包屑,但这对我不起作用。我错过了什么吗?

我找到答案了。

我为 js 文件使用了错误的路径,因此无法加载它。

更正了路径,现在可以使用了。