角度凹坑依赖注入

我想在我的应用中使用“角度凹坑”库，并且依赖注入不起作用。在homepage of the library，他们说我只需要包含在html中的d3和dimple链接，并且在我的模块声明中只包含'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>

缺少什么我在这里？

PS：我已经尝试把d3和dimple脚本链接放在html中的angular之前，并且我已经交换了我在angular.module的依赖数组中引用angular-dimple和ui-bootstrap的优先级。

来源

2016-12-05 Dimitris Papazacharias

你已经错过了注射角dimple.js文件在HTML文件中。 [这里是使用angular-dimple库的文档]（http://esripdx.github.io/angular-dimple/），它在d3.js和dimple.js上面工作，在本文档中给出了使用这个库的步骤 – Varsha

看起来你的HTML中缺少了库。加角dimple.js（后角进口）

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

来源

2016-12-05 17:44:11 Eran

这很尴尬。非常沮丧地错过最明显的。谢谢你们，Varsha和Eran –

角度凹坑依赖注入

回答

相关问题