2016-06-21 9 views
1

私はnvd3c3jsに取り組んでおり、両方ともd3jsに依存しています。ここではnvd3のために、私は "Nvd3"を依存性注入として注入する必要があります。ここではc3jsについてはファイルパスのみを与え、何も注入しません。Angular Jsのモジュールとライブラリの違い

nvd3c3jsの実装の違いを誰でも説明できます。

ありがとうございました。あなたは、両方のは、ファイルパスの依存関係を注入を与える必要

答えて

0

は思えます。そして、私はあなたがangular-nvd3angular-nvd3

nvd3としてを参照すると、オリジナルの nvd3チャートライブラリをラップ角度モジュールであると思います。角度アプリ(バインディングなど)で nvd3のグラフを使用するのに役立つ angular directivesがあります。例えば

view it online):

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

あなたは"dependecy注入" 角度でを使用する必要が理由であるため、サードパーティ製のモジュールとの双方向の角度統合:第三者角モジュールを使用する場合は、アプリケーションモジュール定義の依存関係として宣言する必要があります。それに加えて

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

、あなたがメインでサードパーティのライブラリのコードを含める必要があります。たとえば、この構文を使用すると、角度のアプリがmyAppと呼ば宣言し、それがangular-nvd3への依存性を持っていることを

を意味し、 htmlファイル:

<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"> 
関連する問題