Angularjs 为什么我的依赖注入在Angular中不起作用？_Angularjs_Chart.js

Angularjs 为什么我的依赖注入在Angular中不起作用？

angularjs chart.js

Angularjs 为什么我的依赖注入在Angular中不起作用？,angularjs,chart.js,Angularjs,Chart.js,为什么我对chart.js的依赖注入不起作用？详情如下: “我的HTML”中的代码片段： <!DOCTYPE html> <html lang="en" ng-app="angularApp"> <head> <meta charset="utf-8"> <link href="/css/bootstrap.css" rel="stylesheet"> </head> <

为什么我对chart.js的依赖注入不起作用？详情如下:

“我的HTML”中的代码片段：

    <!DOCTYPE html>
    <html lang="en" ng-app="angularApp">
    <head>
    <meta charset="utf-8">
    <link href="/css/bootstrap.css" rel="stylesheet">
  </head>
  <body>
    <section>
      <div class="container">
          <div class="row">
            <div class="col-md-8">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Wall</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <form>
                      <div class="form-group">
                        <textarea class="form-control" placeholder="Write on the wall"></textarea>
                      </div>
                      <button type="submit" class="btn btn-default">Submit</button>
                    </form>
                  </div>

                  <div ng-controller="wallPosts">
                    <div class="panel panel-default post" ng-repeat="post in posts">
                      <div class="panel-body">
                        <div class="row">
                          <div class="col-sm-2">
                            <a class="post-avatar thumbnail" href="profile.html"><div class="text-center">DevUser1</div></a>
                          </div><!-- col-sm-2 end -->
                          <div class="col-sm-7">
                            <p>test</p>
                          </div>
                          <div class="col-sm-7">
                            <div class="bubble">
                              <div class="pointer">
                                <p>test</p>
                              </div>
                              <div class="pointer-border"></div>
                            </div><!-- buddle end -->
                            <div class="clearfix"></div>
                          </div>
                          <div class="col-sm-3">
                            <canvas id="pie" class="chart chart-pie" chart-data="data" chart-labels="labels" chart-options="options">
                            </canvas> 
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </div><!-- col-md-8 end -->
          </div>
      </div>
    </section>

    <!-- Bootstrap core JavaScript-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="/jsLib/bootstrap.js"></script>
    <script src="/jsLib/angular.min.js"></script>
    <script src="/angular/angularApp.js"></script> 
    <script src="/jsLib/angular-chart.js/dist/angular-chart.min.js"></script>
    <script src="/jsLib/chart.js/dist/Chart.min.js"></script>
    <script src="/jsLib/angular-chart.js/dist/angular-chart.min.js"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    </script>
  </body>
</html>

我得到的错误是：

错误：需要包括Chart.js库，请参阅

问题是，我似乎已经做了链接中需要的事情，但它仍然不起作用

如果你看到我做错了什么，请告诉我。一天的大部分时间我都在为这个发愁

谢谢，

Shayan

我认为问题在于您在控制器中注入的chart.js。将其从控制器注入中删除，然后重试。

您正在控制器中注入的chart.js不正确，请检查以下代码。。例如：

要了解更多信息：

在html中包含angular-chart.min.js和chart.min.js，然后是angularApp.js

控制器参数中不需要包含chart.js

angularApp.controller('wallPosts', ['$scope', function($scope){

    $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"];
    $scope.data = [300, 500, 100];

}]);

我在文档中没有看到任何关于能够将chart.js注入控制器的内容？是的，这里的每个人都在说同样的话。如果你问我，我会很尴尬的，哈哈。谢谢你，伙计！这真是个骗局，伙计！我无法理解为什么我没有看到这个错误。非常感谢！就这样，伙计。谢谢这并不能回答这个问题。若要评论或要求作者澄清，请在其帖子下方留下评论。-@由于我的声誉不到50，我不允许在帖子下方发表评论，所以我在这里写了评论，它确实解决了问题。

 angularApp.controller('wallPosts', function($scope){

    $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"];
    $scope.data = [300, 500, 100];

}]);

angularApp.controller('wallPosts', ['$scope', function($scope){

    $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"];
    $scope.data = [300, 500, 100];

}]);