Question

我遇到了这个错误：

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

使用此模块：Angular 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

关于这个http://codepen.io/clouddueling/pen/tyKGL，您不必将olorpicker.module注入控制器，只需插入模块，这样您的控制器就会像

一样。

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

Answer 2

请删除＆＃39; colorpicker.module＆＃39;来自＆＃39; myApp.controllers＆＃39;控制器，如果它不起作用请尝试使用：

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

angular-spectrum-colorpicker是完全可用的插件，您将获得完整的文档以获取帮助。

Answer 3

野生。将颜色选择器从控制器注入中取出可以完全解决问题。我想因为它包含在应用程序的全局模块中？

感谢大家的帮助！

<强> controllers.js

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

Answer 4

您似乎错过了控制器中传递的参数中的colorpicker.module

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

未知提供商| Angular Bootstrap Colorpicker

4 个答案: