angular-dimple dependency injection

내 응용 프로그램에서 "angular-dimple"라이브러리를 사용하고 종속성 삽입이 작동하지 않습니다. homepage of the library에서 그들은 html에 포함 된 d3 및 딤플 링크가 필요하며 모듈 선언에 의존하여 'angular-dimple'을 포함한다고 말합니다. 이 오류가있어서 문제가 해결되지 않습니다 :angular-dimple dependency injection

"모듈 'angular-dimple'을 사용할 수 없습니다! 모듈 이름의 철자가 잘못되었거나 모듈을로드하는 것을 잊었습니다. 모듈을 등록하면 의존성을 두 번째 인수로 지정합니다. " 다음과 같이

내 각 모듈 선언과 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>

추신 : 저는 이미 html에서 각형 전에 d3과 보조개 스크립트 링크를 넣으려고했지만, angular.module의 종속 배열에서 angular-dimple 및 ui-bootstrap을 참조하고있는 우선 순위를 바꿨습니다. .

출처

2016-12-05 Dimitris Papazacharias

(각 가져온 후) 각-dimple.js를 추가합니다. [d3.js와 dimple.js에서 사용할 수있는 각형 딤플 라이브러리 사용 설명서] (http://esripdx.github.io/angular-dimple/)는이 문서에서이 라이브러리를 사용하기위한 단계입니다. – Varsha

HTML이 라이브러리에없는 것 같습니다. 당신은 당신의 HTML 파일에 각-dimple.js 파일을 삽입하는 놓친

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

출처

2016-12-05 17:44:11 Eran

이것은 당황 스럽습니다. 그래서 가장 분명한 것을 놓치기에 실망합니다. Varsha와 Eran 두 분 모두 고마워요. –

답변

관련 문제