Question

我正在尝试实施this Angular-nvD3 chart。到目前为止，我有以下代码：

在我的主index.html中，我有以下脚本：

    <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>
    <script src="bower_components/angular-nvd3/dist/angular-nvd3.js"></script>
    <script src="bower_components/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.js"></script>

控制器：

'use strict';

/**
* @ngdoc function
* @name myApp.controller:DashboardCtrl
* @description
* # DashboardCtrl
* Controller of the myApp
*/
angular.module('myApp')
  .controller('DashboardCtrl', function ($scope) {
   // init data and option params for the chart
});

应用程序：

var myApp= angular
  .module('myApp', ["nvd3"])

HTML视图：

<div ng-app="myApp">
    <div ng-controller="DashboardCtrl">
        <nvd3 options="options" data="data"></nvd3>
    </div>
</div>

我希望我包含所有相关部分。

当我运行我的UI应用程序时，我收到此错误：

Error: [$injector:nomod] Module 'nvd3' is not available

任何想法我都缺少什么？

Answer 1

在这里回答：https://stackoverflow.com/a/37196430/3414722

这是javascript缺少的依赖性问题。在index.html中，加载外部库后加载app.js，因为角度模块无法实例化nvd3模块，因为它不存在。

错误：[$ injector：nomod]模块'nvd3'不可用

1 个答案: