2017-09-14 61 views
1

这是我的HTML。我给这样的如何注入“chart.js之”我的模块?

<html> 
    <head> 
     <script src="../../Content/Scripts/Script/angular.min.js"></script> 
     <script src="../../Content/Scripts/Script/Chart.js"></script> 
     <script src="../../Content/Scripts/Script/angular-charts.min.js"></script> 
     <script src="../../Content/Scripts/Script/ui-bootstrap-tpls.js"> </script> 
     <script src="../../Content/Scripts/Controllers/graphController.js"></script> 
    </head> 
    <body> 
     <div ng-app="app" ng-controller="financeAnalyticsController" class="support-section"> 
     {{a}} 
     </div> 
    </body> 
</html> 

路径在我的剧本我当我用我的应用程序是给错误写

var app = angular.module("app", [ "chart.js","ui.bootstrap", "ui.bootstrap.typeahead",]); 

app.controller('financeAnalyticsController', function ($scope, $http, $filter) { 
    $scope.a="testing"; 
}); 

Uncaught Error: [$injector:modulerr]

如何解决这个错误?

+0

注射器错误似乎与你的问题无关。你不必注入另一个'chart.js'。你的代码看起来很好,你能建立一个普朗克吗? – johan

+0

如果您正在使用chartjs LIB它不是一个angularjs模块。 – JEY

回答

2

我猜你使用的是不同版本的角chart.js之的。尝试使用angularCharts,而不是chart.js作为依赖模块名称,像这样......

var app = angular.module("app", ["angularCharts", "ui.bootstrap", "ui.bootstrap.typeahead"]); 

app.controller('financeAnalyticsController', function($scope, $http, $filter) { 
    $scope.a="testing"; 
}); 

,使用thisangular-chart.js

看到一个working example

+1

非常感谢您@GRUNT –

+0

其实我想注入chart.js之唯一原因,因为在我的应用程序使用chart.js之于图 –

+0

我用这个http://jtblin.github.io/angular-chart.js/ –