So konfigurieren Sie angular-maphilight

Question

Ich arbeite mit eckigen 1.5, wenn ich mich nicht irre und ich versuche, Bereichskarte des Bildes hervorzuheben. Ich fand Winkel maphilight http://abdallamohamed.github.io/Angular-Maphilight/#/ aber nach den beiden ersten Schritten, wenn ich mein Projekt zu starten erhalte ich

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: 
Error: [$injector:modulerr] Failed to instantiate module angular-maphilight due to: 
Error: [$injector:nomod] Module 'angular-maphilight' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

Ich habe, dass "angular-maphilight": "*" Winkel maphilight im bower.json und der Ordner, in bower_components

index.module hinzugefügt wurde Js:

(function() { 
    'use strict'; 

    angular 
    .module('app', [...., 'angular-maphilight']); 
})(); 

bower.json

{ 
    "name": "mwaApp2", 
    "version": "0.0.0", 
    "dependencies": { 
    ..., 
    "jquery": "2.2.x", 
    .... 
    "angular": "1.5.x", 
    "angular-maphilight": "*" 
    }, 
    "devDependencies": { ... 

und hier meine rendition.html

<div class="row"> 
    <div class="col-sm-12"> 
    <!--<angular-maphilight id="MapTitle">--> 

     <img src="{{ rd.paragraph.field_indesign_rendition[1].url }}" height="{{ rd.obj.elem.pageHeight }}" width="{{ rd.obj.elem.pageWidth }}"> 

     <map> 
     <div ng-repeat="articles in rd.obj.elem.articles"> 

      <area class="area" ng-repeat="articleMembers in articles.articleMembers" shape="poly" title="{{articleMembers.id}}" 
       coords='{{ articleMembers.geometricBounds[1] }}, {{ articleMembers.geometricBounds[0] }}, 
         {{ articleMembers.geometricBounds[1] }}, {{ articleMembers.geometricBounds[2] }}, 
         {{ articleMembers.geometricBounds[3] }}, {{ articleMembers.geometricBounds[2] }}, 
         {{ articleMembers.geometricBounds[3] }}, {{ articleMembers.geometricBounds[0] }}' 
      /> 

     </div> 
     </map> 
    <!--</angular-maphilight>--> 

    </div> 
</div> 

Answer 1

Name Modul für Angular Maphighlight ist ngMapHilight nicht angular-maphighlight