2016-06-21 6 views

Antwort

0

Scheint Sie brauchen beideden Dateipfad gebenundeine Abhängigkeit injiziert wird. und ich denke, dass Sie mit Bezug angular-nvd3 als nvd3

angular-nvd3 ist ein Winkelmodul, das die ursprüngliche nvd3 Charts Bibliothek wickelt. Es hat angular directives, um Ihnen zu helfen, nvd3 Diagramme in Ihrer eckigen APP zu verwenden (mit Bindungen und mehr).

Zum Beispiel (view it online):

<nvd3 options="options" data="data" class="with-3d-shadow with-transitions"></nvd3> 

Der Grund, warum Sie "dependecy Injektion" in Winkel zu verwenden ist, weil die Art und Weise Winkel integriert mit 3rd-Party-Module: wenn Wenn Sie Winkelmodule von Drittanbietern verwenden möchten, müssen Sie dies in Ihrer App-Moduldefinition als Abhängigkeit deklarieren.

Zum Beispiel bedeutet dies, Syntax, dass Sie einen Winkel App myApp genannt erklären und es hat eine Abhängigkeit zu angular-nvd3:

angular.module('myApp', ['nvd3']) 
    .controller(...) 
    .service(...) 

Zusätzlich zu, dass, müssen Sie den 3rd-Party-Bibliothek Code in Ihrer Haupt enthalten html-Datei, zum Beispiel:

<meta charset="utf-8"> <!-- it's important for d3.js --> 
<script src="bower_components/angular/angular.js"></script> 
<script src="bower_components/d3/d3.js"></script> 
<script src="bower_components/nvd3/nv.d3.js"></script> <!-- or use another assembly --> 
<script src="bower_components/angular-nvd3/dist/angular-nvd3.js"></script> 
<link rel="stylesheet" href="bower_components/nvd3/nv.d3.css">