Javascript AngularJS未能实例化zingchart模块
我正在使用mean.io堆栈构建一个web应用程序。我试图添加一个“zingchart angularjs”依赖项,但出现以下错误:Javascript AngularJS未能实例化zingchart模块,javascript,angularjs,dependency-injection,mean.io,Javascript,Angularjs,Dependency Injection,Mean.io,我正在使用mean.io堆栈构建一个web应用程序。我试图添加一个“zingchart angularjs”依赖项,但出现以下错误: [$injector:nomod] Module 'zingchart-angularjs' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the depend
[$injector:nomod] Module 'zingchart-angularjs' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
我是angular的新手,所以我很困惑为什么我可以让“ngMaterial”依赖关系正常工作,而不是zingchart依赖关系
有人能给我指出正确的方向/描述一下我做错了什么吗
这是我的js文件——dashboard.js
(function() {
'use strict';
/* jshint -W098 */
function DashboardController($scope, Global, Dashboard, $stateParams) {
$scope.global = Global;
$scope.package = {
name: 'dashboard'
};
}
angular
.module('mean.dashboard', ['ngMaterial', 'zingchart-angularjs'])
.controller('DashboardController', DashboardController);
DashboardController.$inject = ['$scope', 'Global', 'Dashboard', '$stateParams'];
})();
index.html
<!DOCTYPE html>
<head>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="angular-animate.js"></script>
<script type="text/javascript" src="angular-aria.js"></script>
<script type="text/javascript" src="angular-material.js"></script>
<script type="text/javascript" src="zingchart.min.js"></script>
<script type="text/javascript" src="zingchart-angularjs.js"></script>
<script type="text/javascript" src="dashboard.js"></script>
</head>
<body ng-app="mean.dashboard" layout="row" ng-cloak>
<div class="container" layout="row" flex>
<md-sidenav layout="column" class="md-whiteframe-10dp" md-is-locked-open='true'>
<md-list>
<md-list-item>
<md-button>
Dashboard
</md-button>
</md-list-item>
</md-list>
</md-sidenav>
<md-content id="content" flex>
<ng-view>
<zingchart id="myChart" zc-json="myJson" zc-height=500 zc-width=600></zingchart>
</ng-view>
</md-content>
</div>
</body>
</html>
仪表板
在index.html
中,您需要在dashboard.js
之前包含zingchart angularjs
脚本
另外,我在index.html
中没有看到ngMaterial
的angular材质
脚本
:
我将其添加到index.html
中,效果非常好:
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="angular-animate.js"></script>
<script type="text/javascript" src="angular-aria.js"></script>
<script type="text/javascript" src="angular-material.js"></script>
<script type="text/javascript" src="zingchart.min.js"></script>
<script type="text/javascript" src="zingchart-angularjs.js"></script>
<script type="text/javascript" src="dashboard.js"></script>
放入
index.html
以查看如何包含依赖项。当我在浏览器中打开一个完全空白的页面时,我看到一个按钮,上面写着仪表板主页
,并且控制台中没有错误
可能是您误解了。只有当我将“zingchart angularjs”依赖项添加到dashboard.js文件时,浏览器才为空。如果我删除该依赖项,使其成为唯一的angular.module('mean.dashboard',['ngMaterial'])。。。然后在浏览器中呈现仪表板。。。。根据本文档Nop的第2步,我完全理解。当我测试你的代码时,我看到了这个错误:[$injector:nomod]模块“ngMaterial”不可用代码>这是因为你的index.html
中没有ngMaterial
脚本,然后我添加了脚本,它工作正常,我没有看到错误,也没有看到zingchart js
一个,我看到了浏览器中的按钮。我应该提到im使用bower吗。这不是重点,所以我不需要在html中包含依赖项吗?