Question

我正在使用Angular进行一些测试，并希望尝试使用这个很酷的库进行测试应用，但它无法正常工作：

ReferenceError：图表未定义angular-chart.js：13：5错误： [$喷油器：modulerr] http://errors.angularjs.org/1.5.0-rc.1/ $注射器/ modulerr P0 =图表分析＆安培; P1 =％5B％24injector％3Amodulerr％5D％20http％3A％2F％2Ferrors.angularjs.org％2F1.5.0-RC.1％2F％24injector％2Fmodulerr ％3Fp0％3Dchart.js

这是我的HTML模板：

<!DOCTYPE HTML>
<html ng-app="chartist">
    <head>
      <meta charset="UTF8">
      <!-- Plugins/Frameworks !-->
      <script type="text/javascript" src="plugins/angular.js"></script>
      <script type="text/javascript" src="plugins/angular-route.js"></script>
      <script type="text/javascript" src="plugins/angular-chart.js"></script>

      <!-- JS !-->
      <script type="text/javascript" src="app.js"></script>
      <script type="text/javascript" src="controllers.js"></script>
     <!-- <script type="text/javascript" src="js/directives.js"></script>
      <script type="text/javascript" src="js/services.js"></script> !-->

      <!-- Stylesheets !-->
      <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
      <link rel="stylesheet" type="text/css" href="css/styles.css">
      <link rel="stylesheet" type="text/css" href="css/angular-chart.css">
    </head>
    <body>
        <div ng-view>
        </div>
    </body>
</html>

我通过这种方式在模块中注入依赖项：

var app = angular.module('chartist', ['ngRoute', 'controllers', 'chart.js']);

app.config(['$routeProvider',function($routeProvider) {
    $routeProvider.
    when('/index', {
        templateUrl: 'templates/main.html',
        controller: 'mainCtrl'
    }).
    otherwise({
        redirectTo: '/index'
    });
}]);

为什么我不能使用Chart.js？有些版本问题吗？我会很高兴有人帮忙。

Answer 1

如果仔细查看错误，就会明确说明

ReferenceError：图表未定义angular-chart.js：13：5错误： [$注射器：modulerr]

基本上test_cases[n][0]不能使用独立的API。它只是包装指令，使它与AngularJS代码非常容易兼容。如果你看一下angular-chart.js代码，你会发现它使用的是angular-chart.js对象，它来自Chart API。

要解决您的问题，您需要在chart.js之前添加chart.js引用，因为angular-chart.js对象可用渲染图表。

所以请在Chart之前添加chart.js cdn reference引用，以使代码正常运行。

我也希望你通过angular-chart.js入门Doc

Sample Here

Chart.js不适用于Angular 1.5？

1 个答案: