Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angular.module(';myapp';[';chart.js';])未捕获错误:[$injector:moduler]_Javascript_Jquery_Html_Angularjs_Charts - Fatal编程技术网

Javascript angular.module(';myapp';[';chart.js';])未捕获错误:[$injector:moduler]

Javascript angular.module(';myapp';[';chart.js';])未捕获错误:[$injector:moduler],javascript,jquery,html,angularjs,charts,Javascript,Jquery,Html,Angularjs,Charts,我是Angular.JS的新手。要使用chart.js制作图表吗 我已经用安装了chart.js npm安装angular-chart.js--保存 现在我把它添加到我的控制器中 angular.module('inspinia',['chart.js']) .controller('dashboardController', ['$rootScope', '$scope', '$http', function($rootScope, $scope, $http) { var a = 0; }

我是Angular.JS的新手。要使用chart.js制作图表吗

我已经用安装了chart.js

npm安装angular-chart.js--保存

现在我把它添加到我的控制器中

angular.module('inspinia',['chart.js'])
.controller('dashboardController', ['$rootScope', '$scope', '$http',  function($rootScope, $scope, $http) {
var a = 0;
}]);  
我试过了

angular.module('inspinia')
.controller('dashboardController', ['$rootScope', '$scope', '$http','chart.js',  function($rootScope, $scope, $http) {
var a = 0;
}]);
但得到同样的错误

未捕获错误:[$injector:moduler]

请帮我找到正确的方法
感谢advcance

您不必将chart.js注入控制器

改为

angular.module('inspinia')
.controller('dashboardController', ['$rootScope', '$scope', '$http',  function($rootScope, $scope, $http) {
var a = 0;
}]);

您不必将chart.js注入控制器

改为

angular.module('inspinia')
.controller('dashboardController', ['$rootScope', '$scope', '$http',  function($rootScope, $scope, $http) {
var a = 0;
}]);

  • 按照Tushar的建议,在
    angular.js
    之后的
    index.html
    中包含
    angular.js
    脚本标记

  • 在初始化
    inspinia
    模块时,将
    chart.js
    添加为模块依赖项,就像在第一个代码片段中所做的那样

  • 使用模块提供的指令,无需在控制器中注入任何内容

  • 按照Tushar的建议,在
    angular.js
    之后的
    index.html
    中包含
    angular.js
    脚本标记

  • 在初始化
    inspinia
    模块时,将
    chart.js
    添加为模块依赖项,就像在第一个代码片段中所做的那样

  • 使用模块提供的指令,无需在控制器中注入任何内容


  • 请确保在app.js中导入它,如:

    "use strict";
    
    angular.module("yourmodulename",
    [
        "ui.router",
         "chart.js" //<-- import it
    ]);
    

    请确保在app.js中导入它,如:

    "use strict";
    
    angular.module("yourmodulename",
    [
        "ui.router",
         "chart.js" //<-- import it
    ]);
    
    放置

    <script src="lib/chart.js/dist/Chart.min.js"></script>
    
    
    
    以前

    <script src="lib/chart.js/dist/angular-chart.js"></script>
    
    
    
    解决了我的问题

    我已经搬走了

    ('myapp',['chart.js'])

    放置

    <script src="lib/chart.js/dist/Chart.min.js"></script>
    
    
    
    以前

    <script src="lib/chart.js/dist/angular-chart.js"></script>
    
    
    
    解决了我的问题

    我已经搬走了

    ('myapp',['chart.js'])


    我遇到了相同的问题,但页面不同,所以我需要添加每个单页面代码片段,错误就消失了。然而,我不明白我需要添加乳清的原因

    <script src="node_modules/Chart.min.js"></script>
    <script src="node_modules/angular-chart.min.js"></script>
    

    我遇到了相同的问题,但页面不同,因此我需要添加每个单页代码片段,错误就消失了。然而,我不明白我需要添加乳清的原因

    <script src="node_modules/Chart.min.js"></script>
    <script src="node_modules/angular-chart.min.js"></script>
    
    
    

    您是否已在HTML中使用
    包含JS文件。在angularjs.可能缺少一些脚本之后,您是否看到了第一行建议,包括
    Chart.min.js
    angular Chart.min.js
    ,以便使用该模块。您是否在HTML中使用
    包含js文件。在angularjs.可能缺少一些脚本之后,您是否看到了第一行建议,包括
    Chart.min.js
    angular Chart.min.js
    ,以便使用该模块。这是新的。为什么不注入chart.js模块呢?它与angularjs一起使用,有一个模块带有一个带有thatchart的提供程序。js是一个模块,它已经被注入到模块中,所以没有必要注入againI。我不明白,当然你必须在你的模块声明中注入模块。我错了吗?在模块声明中插入
    chart.js
    ,并在组件上使用
    ChartJsProvider
    ,对吗?@LenilsondeCastro是的,这与我解释的相同,这是新的。为什么不注入chart.js模块呢?它与angularjs一起使用,有一个模块带有一个带有thatchart的提供程序。js是一个模块,它已经被注入到模块中,所以没有必要注入againI。我不明白,当然你必须在你的模块声明中注入模块。我错了吗?在模块声明中插入
    chart.js
    ,并在组件上使用
    ChartJsProvider
    ,对吗?@LenilsondeCastro是的,这和我解释的是一样的检查我如何以第二种方式导入它(oclazy)…我想你错过了其他文件:“/app/view/assets/lib/bower/angular chart.js/dist/angular chart.js”,“/app/view/assets/lib/bower/angular chart.js/dist/angular chart.css”特别是js..因为它提供了我已经包含但没有css的角度模块,现在它给了我未捕获的错误:chart.js库需要包含..我需要包含css吗?尝试完全按照我写的那样做:name:“chart.js”,serie:true,文件:[“/app/view/assets/lib/bower/Chart.js/Chart.min.js”、“/app/view/assets/lib/bower/angular Chart.js/dist/angular Chart.js”、“/app/view/assets/lib/bower/angular Chart.js/dist/angular Chart.css”]‌​我已经检查了如何以第二种方式导入它(oclazy)…我想你错过了其他文件:“/app/view/assets/lib/bower/angular chart.js/dist/angular chart.js”、“/app/view/assets/lib/bower/angular chart.js/dist/angular chart.css”特别是js。因为它提供了我已经包含但没有css的角度模块,现在它给了我未捕获的错误:需要包含Chart.js库。我需要包含css吗?试着完全按照我写的那样做:name:“Chart.js”,serie:true,files:[“/app/view/assets/lib/bower/Chart.js/Chart.min.js”、“/app/view/assets/lib/bower/angular Chart.js/dist/angular Chart.js”、“/app/view/assets/lib/bower/angular Chart.js/dist/angular Chart.css”]没有角度变化‌​我有一个art.css文件,如果有点不同,这可能是一个新问题?如果有点不同,这可能是一个新问题?