错误：[$injector:unpr]在AngularJS中_Angularjs_Angularjs Service_Angularjs Controller

错误：[$injector:unpr]在AngularJS中

angularjs

错误：[$injector:unpr]在AngularJS中,angularjs,angularjs-service,angularjs-controller,Angularjs,Angularjs Service,Angularjs Controller,我正在从事一个webApi项目。我想在我的数据库中列出学生。当我不使用service factory执行此操作时，它会工作。但是当我创建一个服务时，它不工作，我得到一个错误。我知道这个网站也有同样的问题。但答案不起作用，所以我问。这是我的档案 studentServis.js： (function () { 'use strict'; angular .module('studentApp') .factory('studentService', [ "$htt

我正在从事一个webApi项目。我想在我的数据库中列出学生。当我不使用service factory执行此操作时，它会工作。但是当我创建一个服务时，它不工作，我得到一个错误。我知道这个网站也有同样的问题。但答案不起作用，所以我问。这是我的档案

studentServis.js：

(function () {
'use strict';

angular
    .module('studentApp')
    .factory('studentService', [
        "$http","studentApiUrl",
        function ( $http,studentApiUrl) {
            var getAll = function () {
                return $http.get(studentApiUrl);
            };   
            var service = {
                getAll: getAll
            };

            return service;
        }

    ]);

})();

studentController.js：

(function () {
'use strict';

angular
    .module('studentApp')
    .controller('studentController', [
        "$scope", "studentService",
        function ($scope, studentService) {
            $scope.message = "hey";

            studentService.getAll().then(function (data) {
                $scope.students = data;
            });
        }

    ]); })();

studentApp.js：

(function () {
'use strict';

var app=angular.module('studentApp', [
    // Angular modules 
    'ngRoute'
]).constant('studentApiUrl', "/api/student/"); })();

Index.html：

 <div ng-app="studentApp">
    <div ng-controller="studentController">
        {{message}}

        <table class="table table-bordered">
            <tbody>
                <tr ng-repeat="student in students">
                    <td>{{student.id}}</td>
                    <td>{{student.firstname}}</td>
                    <td>{{student.lastname}}</td>
                    <td>{{student.university}}</td>
                    <td>
                        <a href="#/details/{{student.id}}" class="btn btn-default btn-sm">Edit</a>
                        <button class="btn btn-danger btn-sm" ng-click="delete(student)">Delete</button> -->
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

我的学生名单上什么都没有

以下是错误：

我看了这里，但我想我说的没错：

以下是索引中的参考：

<head>
<meta charset="utf-8" />
<title></title>
<script src="../../Scripts/angular.min.js"></script>
<script src="../../Scripts/angular.js"></script>
<script src="../../Scripts/angular-route.js"></script>
<script src="../Scripts/studentApp.js"></script>
<script src="../Scripts/studentServis.js"></script>
<script src="../Scripts/studentController.js"></script>

<link href="../../Content/Site.css" rel="stylesheet" />
<link href="../../Content/bootstrap.css" rel="stylesheet" />

好的，有人能帮我吗？

我看不到你在引用中加载服务的任何地方，顺序应该是

<script src="../Scripts/studentApp.js"></script>
<script src="../Scripts/studentServis.js"></script>
<script src="../Scripts/studentController.js"></script>

你能在index.htmlI@sajeetharan中发布引用顺序吗？你确定吗？你能在匿名模式下试用吗？谢谢，现在它会打印hey和一些删除编辑按钮。但不是我的学生@SajeetharanI不知道什么是匿名模式@Sajeetharante这里没有学生id学生姓名学生姓氏学生大学信息。这就是我的意思。无论如何，谢谢你@萨吉塔兰

<head>
<meta charset="utf-8" />
<title></title>
<script src="../../Scripts/angular.min.js"></script>
<script src="../../Scripts/angular.js"></script>
<script src="../../Scripts/angular-route.js"></script>
<script src="../Scripts/studentApp.js"></script>
<script src="../Scripts/studentServis.js"></script>
<script src="../Scripts/studentController.js"></script>

<link href="../../Content/Site.css" rel="stylesheet" />
<link href="../../Content/bootstrap.css" rel="stylesheet" />

<script src="../Scripts/studentApp.js"></script>
<script src="../Scripts/studentServis.js"></script>
<script src="../Scripts/studentController.js"></script>