为什么我得到“不正确的注入令牌”!在这个angular应用程序代码中

Why am I getting "Incorrect injection token!" in this angular application code?

本文关键字：angular 代码 应用程序 令牌 不正确 注入 为什么      更新时间：2023-09-26

我试图通过AngularJS设置一个restful API接口，代码如下:

'use strict';
(function(angular) {
  function ApiAction($resource, ResourceParameters) {
    return $resource(ResourceParameters.route,
      { },
      { api_index: {
        method: ResourceParameters.method,
        isArray: true 
        }
      });
    return $resource(ResourceParameters.route,
      { },
      { create: {
        method: ResourceParameters.method,
        isArray: true
        }
      }
                    );
  }
  function ResourceParameters($scope) {
    var factory = {};
    factory.method = '';
    factory.route = '';
    factory.SetMethod = function(method) {
      factory.method = method;
    }
    factory.SetRoute = function(route) {
      factory.route = route;
    }
    return factory;
  }
  function superheroCtr($scope, ApiAction, ResourceParameters) {
    $scope.superheroSubmit = function() {
     // ApiAction.create({}, { superhero_name: $scope.superheroName, age: $scope.superheroAge });
      angular.forEach($scope.superheroes, function(hero) {
  //      ApiAction.create({}, { superhero_name: hero.superhero_name, age: hero.age }); 
      });
    };
    var heroesResources = ResourceParameters($scope).SetRoute('/api/');
    var heroes = ApiAction.api_index({}, heroesResources);
    $scope.superheroes = [];
    heroes.$promise.then(function(data) {
      angular.forEach(data, function(item) {
        $scope.superheroes.push(item);
      });
    }, function(data) {
      //if error then...
    });
    $scope.appendSuperheroFields = function() {
      var i = $scope.superheroes.length + 1;
      $scope.superheroes.push({"id": i, age: "", superhero_name: "" })
    }
  }
  var superheroApp = angular.module('superheroApp', ['ngResource']);
  superheroApp.controller('superheroCtr', ['$scope', 'ApiAction', 'ResourceParameters', superheroCtr]);
  superheroApp.factory('ResourceParameters', ['$scope', ResourceParameters]);
  superheroApp.factory('ApiAction', ['$resource', ResourceParameters, ApiAction]);
})(angular);

然而，当我运行它时，我得到以下错误:

错误:[$injector:itkn]不正确的注入令牌!

期望的服务名称为字符串，得到函数ResourceParameters($scope)

为什么会这样?

你不能注入$scope 或者你不能访问$scope工厂内部

您的问题在这一行

superheroApp.factory('ResourceParameters', ['$scope', ResourceParameters]);

你需要用

替换那一行
superheroApp.factory('ResourceParameters', [ResourceParameters]);


function ResourceParameters() { //<--removed $scope from here
    var factory = {};
    factory.method = '';
    factory.route = '';
    factory.SetMethod = function(method) {
      factory.method = method;
    }
    factory.SetRoute = function(route) {
      factory.route = route;
    }
    return factory;
}

另外，你应该纠正ApiAction的声明，其中ResourceParameters应该放在'单引号内

superheroApp.factory('ApiAction', ['$resource', 'ResourceParameters', ApiAction]);
相关文章：