Angularjs 尝试修复angular js应用程序中的错误-无法读取未定义_Angularjs

Angularjs 尝试修复angular js应用程序中的错误-无法读取未定义

angularjs

Angularjs 尝试修复angular js应用程序中的错误-无法读取未定义,angularjs,Angularjs,我很抱歉今晚发布了这么多关于angular的内容，但是我在创建我的练习应用程序时遇到了很多麻烦，重要的是我要让它在明天之前运行和测试几小时前，我让一切都正常工作，但现在页面上只显示{{title}}，我得到错误TypeError:无法读取未定义的属性“labels”。我希望这只是我缺少的一些小东西，但我根本看不到。我可能会提到的一件事是，我从dataRepository重命名了我的服务dataSrv，然后我大部分时间都在编写测试（或尝试），但我认为这与此无关如果有人能帮助我，我会变得惊慌失措

我很抱歉今晚发布了这么多关于angular的内容，但是我在创建我的练习应用程序时遇到了很多麻烦，重要的是我要让它在明天之前运行和测试

几小时前，我让一切都正常工作，但现在页面上只显示{{title}}，我得到错误TypeError:无法读取未定义的属性“labels”。我希望这只是我缺少的一些小东西，但我根本看不到。我可能会提到的一件事是，我从dataRepository重命名了我的服务dataSrv，然后我大部分时间都在编写测试（或尝试），但我认为这与此无关

如果有人能帮助我，我会变得惊慌失措

谢谢

index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="ChartApp">
<head>
    <title>Chart.js Trial</title>
    <script type="text/javascript" src="/Scripts/angular/angular.js"></script>
    <script type="text/javascript" src="/Scripts/chartjs/Chart.js"></script>
    <script type="text/javascript" src="/Scripts/angular-chart.js-master/dist/angular-chart.js"></script>

    <script type="text/javascript" src="/Scripts/controller/main-controller.js"></script>
    <script type="text/javascript" src="/Scripts/service/data-service.js"></script>
    <script type="text/javascript" src="/Scripts/directive/color-directive.js"></script>

    <link href="/Scripts/angular-chart.js-master/examples/bootstrap.css" rel="stylesheet" />
    <link href="/Scripts/angular-chart.js-master/dist/angular-chart.css" rel="stylesheet" />
    <link href="StyleSheet.css" rel="stylesheet" />


</head>
<body>

    <div ng-controller="MainCtrl">
        <h1 add-color-header>{{title}}</h1>
        <canvas id="base" class="chart-base" chart-type="type" data="data" labels="labels" legend="true"></canvas>
    </div>
</body>
</html>

main-controller.js

var app = angular.module("ChartApp", ["chart.js"]);

 app.controller("MainCtrl", ["$scope",
       function ($scope, dataSrv) {
           $scope.labels = dataSrv.labels;
           $scope.data = dataSrv.data;
           $scope.type = dataSrv.type;
           $scope.title = dataSrv.title;
       }
    ]);

您缺少

dataSrv

的依赖项注入参数。应该是

[“$scope”，“dataSrv”，function（$scope，dataSrv）{

谢谢你！！！我觉得自己像个十足的白痴，但你救了我的命。再次感谢你

var app = angular.module("ChartApp", ["chart.js"]);

 app.controller("MainCtrl", ["$scope",
       function ($scope, dataSrv) {
           $scope.labels = dataSrv.labels;
           $scope.data = dataSrv.data;
           $scope.type = dataSrv.type;
           $scope.title = dataSrv.title;
       }
    ]);