javascript - Angular 注入(inject)器错误帮助 >

Question

在过去的 7 个小时里，我一直在我的 Angular 项目中完成这项任务，希望有人能提供帮助。

嗯，我正在尝试使用 Angular 在表格中显示来自后端的数据。在我的 JS 文件中，我有以下内容:

var MyApp = angular.module("MyApp", ["ngRoute"]).
    config(function ($routeProvider) {
        $routeProvider.
            when('/', { controller: ListCtrl, templateUrl: 'list.html' }).
            otherwise({ redirectTo: '/' });
    });


MyApp.factory('MyApp', function ($resource) {
    return $resource('/myapp/:id', { id: '@id' }, { update: { method: 'PUT' } });
});

var ListCtrl = function ($scope, $location, MyApp) {
    $scope.items = MyApp.query();
};

我不断收到此错误: 错误:[$injector:unpr] 未知提供者:$resourceProvider <- $resource <- myApp

查看错误后，我认为我的 HTML 文件中缺少某些内容，但我认为我已经在 HTML 文件中定义了所有内容，如下所示:

<script src="/Scripts/jquery-1.10.2.js"></script>
    <script src="/Scripts/angular.js"></script>
    <script src="/Scripts/app.js"></script>
    <script src="/Scripts/angular-resource.js"></script>
    <script src="/Scripts/angular-route.js"></script>
    <script src="/Scripts/angular-resource.min.js" type="text/javascript"></script>
   <link rel="stylesheet" type="text/css" href="/Content/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="/Stylesheets/DS72StyleSheet.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>

我不知道这里出了什么问题，可以帮忙吗？

Answer 1

您需要将对 ngResource 的依赖项添加到您的模块定义中:

var MyApp = angular.module("MyApp", ["ngRoute", "ngResource"])...