未知提供者 | Angular Bootstrap 颜色选择器

Question

我遇到了这个错误：

Error: [$injector:unpr] Unknown provider: colorpicker.moduleProvider <- colorpicker.module

使用此模块：Angular Bootstrap Colorpicker

还有这个安装：

bootstrap-colorpicker-module.js

angular.module('colorpicker.module', [])
.factory('Helper', function () {
  return {...

app.js

angular.module('myApp', [
'ngRoute',
'animations',
'myApp.filters',
'myApp.services',
'myApp.directives',
'myApp.controllers',
'colorpicker.module']).config...

controllers.js

angular.module('myApp.controllers', [])
        .controller('Login', ['$scope', 'colorpicker.module', function($scope, colorpicker) {...

index.html

<div ng-view></div>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="app/js/twitter-bootstrap/js/bootstrap.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0-beta.3/angular-animate.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/services.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/filters.js"></script>
    <script src="js/directives.js"></script>
    <script src="js/animations.js"></script>
    <script src='js/bootstrap-colorpicker-module.js'></script>
</body>

如果我需要提供更多信息，我会提供的。提前致谢！

Answer 1

狂野。将颜色选择器排除在控制器注入之外完全解决了这个问题。我想是因为它包含在应用程序的全局模块中？

感谢大家的帮助！

controllers.js

angular.module('myApp.controllers', [])
    .controller('Login', ['$scope', function($scope) {...

Answer 2

请从 'myApp.controllers' 控制器中删除 'colorpicker.module'，如果不起作用请尝试使用：

https://github.com/Jimdo/angular-spectrum-colorpicker

angular-spectrum-colorpicker 是一个功能齐全的插件，您将获得完整的帮助文档。

Answer 3

关于这个http://codepen.io/clouddueling/pen/tyKGL，您不必将 olorpicker.module 注入到控制器中，只需将其注入到模块中，因此您的控制器应该看起来像

angular.module('myApp.controllers', ['colorpicker.module'])
        .controller('Login', ['$scope', function($scope) {...

Answer 4

您的控制器中传递的参数中似乎缺少 colorpicker.module

('myApp.controllers', [])
        .controller('Login', ['$scope', 'colorpicker.module', function($scope, colorpicker.module) {...