nglink funktioniert nicht in PhantomJS Komponententest für Winkel 1,5

Question

ich eine navbar Komponente haben:

.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>

Der Test ohne ng-link="['NewStockCount']" fein läuft, aber wenn ich es hinzufügen, nicht mit einem Fehler

ReferenceError: Can't find variable: Map (line 2166) RouteRegistry@/home/femi/fielded/nav-integrated-state-dashboard/bower_components/bower-angular-router/angular1/angular_1_router.js:2166:30

Wie korrigiere ich dies, um es mit ng-link

passieren zu lassen

Answer 1

Gut nach meiner Suche realisierte ich, dass es nicht mein Code war, der das Problem hat, aber Phantomjs ist mit es6 noch nicht kompatibel. Die Lösung besteht darin, entweder auf Phantomjs2 zu stoßen oder Polyfills hinzuzufügen; here is a fantastic article on that

Answer 2

Gemäß the documention for the component router lautet die Richtlinie router-link, nicht ng-link (obwohl es ngLink heißt).