0

我有一个导航栏组件：

.component('navbar', {
      templateUrl: 'app/common/navbar/navbar.html',
      controller: NavbarController,
      bindings: {
        state: '<',
        weekLabel: '<'
      }
    })

  /** @ngInject */
  function NavbarController () {
  }
<div class="header">
  <h3 class="text-muted">
    Vaccine Stock Dashboard
    <span ng-if="$ctrl.state"> - </span>
    <span class="qa-state-label" ng-bind="$ctrl.state | uppercase"></span>
    <span ng-if="$ctrl.weekLabel"> - </span>
    <span class="qa-week-label" ng-bind="$ctrl.weekLabel"></span>
    <a class="pull-right" ng-link="['NewStockCount']">
      <i class="fa fa-plus"></i>
      Add Stock Count
    </a>
  </h3>
</div>

测试运行良好，ng-link="['NewStockCount']"但如果我添加它会失败并出现错误

ReferenceError：找不到变量：地图（第 2166 行）RouteRegistry@/home/femi/fielded/nav-integrated-state-dashboard/bower_components/bower-angular-router/angular1/angular_1_router.js:2166:30

我该如何纠正它以使其通过ng-link

4

2 回答 2

1

根据组件路由器的文档，该指令是router-link，不是ng-link（即使它被称为 ngLink）。

于 2016-04-12T00:29:12.190 回答
0

好吧，经过我的搜索，我意识到不是我的代码有问题，但 Phantomjs 与 es6 不兼容。解决方案是升级到 Phantomjs2 或添加 polyfill；这是一篇很棒的文章

于 2016-04-13T22:16:49.683 回答