在AngularJS应用程序中，当我们尝试注入一个未知的依赖项时，会遇到Unknown provider错误。本文将介绍为什么会出现这个错误以及如何解决它。
错误原因
Unknown provider错误通常由以下两种情况引起：
- 依赖项名称拼写错误
- 依赖项未被正确注册
让我们看一下每种情况的详细信息。
1. 依赖项名称拼写错误
当我们在代码中手动输入依赖项名称时，容易出现拼写错误。例如，如果我们尝试注入名为myService的服务，但在代码中将其拼写为myServic，则会出现Unknown provider错误。
2. 依赖项未被正确注册
另一方面，如果我们没有正确地注册依赖项，则也会遇到Unknown provider错误。在AngularJS中，我们可以使用module方法来注册依赖项。例如，以下代码将myService服务注册到app模块中：
angular.module('app', [])
.service('myService', function() {
// ...
});如果我们尝试在应用程序中注入myService，但未将其注册到app模块中，则会出现Unknown provider错误。
解决方案
1. 检查依赖项名称拼写错误
首先，我们应该检查是否存在依赖项名称拼写错误。如果存在，则应该将其更正为正确的拼写形式。
2. 确保依赖项被正确注册
如上所述，依赖项必须在应用程序中正确地注册。确保所有依赖项都已注册，并且它们的名称与应用程序中的名称（包括大小写）完全匹配。
3. 使用$inject属性注入依赖项
另一种解决方法是使用$inject属性注入依赖项。这适用于那些由于混淆或其他原因而无法使用内联注入的情况。例如，以下代码演示了如何使用$inject属性注入myService：
angular.module('app')
.controller('myController', ['$injector', function($injector) {
var myService = $injector.get('myService');
// ...
}]);这里，我们将$injector服务作为参数传递给控制器函数，并使用get方法从中获取myService服务。请注意，依赖项的名称仍然必须正确拼写和注册。
示例代码
下面是一个简单的示例，演示如何避免Unknown provider错误：
-- -------------------- ---- -------
--------------------- ---
--------------------- ---------- -
--------------- - ---------- -
------ ------- --------
--
--
--------------------------- ---------- ------------ ---------------- ---------- -
-------------- - -----------------------
----在这个示例中，我们定义了一个名为myService的服务，并将其注册到app模块中。然后，我们定义了一个名为myController的控制器，并注入$scope和myService依赖项。最后，我们使用myService服务从控制器中获取数据，并将其分配给$scope对象，以在视图中呈现。
结论
Unknown provider错误是AngularJS应用程序中常见的错误之一，通常由拼写错误或未正确注册依赖项引起。确保依赖项名称正确且已正确注册，可以避免此类错误。如果有必要，您还可以
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28901