nglink無法在phantomjs組件測試中使用angular 1.5

Question

我有一個導航欄組件：

 .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

Answer 1

根據有關組件路由器的文檔 ，該指令是router-link ，而不是ng-link （即使它稱為ngLink）。

Answer 2

在搜索之后，我意識到不是我的代碼有問題，但是Phantomjs尚未與es6兼容。 解決方案是提高Phantomjs2或添加polyfill； 這是一篇很棒的文章