2016-12-05 17 views
0

私のアプリで「角型ディンプル」ライブラリを使いたいのですが、依存性注入が機能しません。 homepage of the libraryでは、htmlにd3とディンプルリンクが含まれている必要があり、モジュール宣言の依存関係として 'angular-dimple'を含めるだけです。アングルディンプル依存性注入

"...モジュール 'angular-dimple'は利用できません!モジュール名のスペルが間違っているか、モジュールの読み込みを忘れていますか?モジュールを登録すると、問題が解決します。依存関係を2番目の引数として指定する必要があります。次のように

マイ角度モジュール宣言とhtmlのヘッダー

は以下のとおりです。私はここで何をしないのです

var smsApp = angular.module('smsApp', ['angular-dimple', 'ui.bootstrap']);
<!DOCTYPE html> 
 
<html lang="en"> 
 
    <head> 
 
     <meta charset="utf-8"> 
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
     
 
     <title>Solidarity Message Service</title> 
 
     
 
     <!-- Latest compiled and minified CSS --> 
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
     
 
     <!-- Custom CSS --> 
 
     <link rel="stylesheet" type="text/css" href="css/sms-blaster.css"> 
 
       
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
 
     <script src="https://code.jquery.com/jquery.js"></script> 
 
     
 
     <!-- Latest compiled and minified JavaScript --> 
 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
    
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
 
     
 
     <!--[if lt IE 9]> 
 
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
 
     <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> 
 
     <![endif]--> 
 
     
 
     
 
     <script src="angular-1.5.8/angular.js"></script> 
 
     <script src="angular-1.5.8/angular-animate.js"></script> 
 
     
 
     <script src="angular-plugins/ui-bootstrap-tpls-2.2.0.js"></script> 
 
     
 
     <!-- Dimple graphics dependencies--> 
 
     <script src="http://d3js.org/d3.v3.min.js"></script> 
 
     <script src="http://dimplejs.org/dist/dimple.v2.1.6.min.js"></script> 
 
     
 
     <script src="javascripts/sms-blaster.js"></script> 
 
    
 
    </head>

PS:私は既にhtmlで角度を付ける前にd3とディンプルスクリプトのリンクを入れてみました。そして、angular.moduleの依存配列でangle-dimpleとui-bootstrapを参照しています。 。

+1

(角インポート後に)角度-dimple.jsを追加します。 [ここでは、d3.jsとdimple.jsの上で動作する角度のディンプルライブラリを使用するためのドキュメント](http://esripdx.github.io/angular-dimple/)を示します。このドキュメントでは、このライブラリを使用するための手順を示しています – Varsha

答えて

2

あなたのHTMLからライブラリが見つからないようです。あなたのhtmlファイルに角度-dimple.jsファイルを注入するために見逃している

<script src="../assets/js/lib/angular-dimple.js"></script>

+0

これは恥ずかしいです。とてもイライラして、最も明白なことを見逃す。 VarshaとEranのおかげです。 –