Question

我试图将ng-pattern-restrict注入我的AngularJS项目。继自述Pattern Restrict：

之后

最后，添加模块引用（通常在app.js中） ngPatternRestrict。 e.g：

在我的情况下，我在控制器中执行此操作：

控制器：

(function() {
    'use strict';

    angular
        .module('webclientesApp', ['ngPatternRestrict'])
        .controller('RegisterController', RegisterController);


    RegisterController.$inject = ['$translate', '$timeout', 'Auth', 'LoginService', 'ValidateService', '$state', '$locale'];

    function RegisterController ($translate, $timeout, Auth, LoginService, ValidateService, $state, $locale) {

...

INDEX：

<script src="bower_components/ng-pattern-restrict/src/ng-pattern-restrict.js"></script>

我做了bower update，gulp inject，但没有运气，得到了“未知提供商”＃39}。每次都有错误。涉及这个问题的很多问题，但无法找到问题的确切根源。

Answer 1

愚蠢的问题，简单的答案。

我是在错误的地方注入模块。在JHipster项目中，依赖关系在 app.module.js 文件中被告知：

(function() {
'use strict';

angular
    .module('webclientesApp', [
        'ngStorage',
        'tmh.dynamicLocale',
        'pascalprecht.translate',
        'ngResource',
        'ngCookies',
        'ngAria',
        'ngCacheBuster',
        'ngPatternRestrict',
        'ngFileUpload',
        'ui.bootstrap',
        'ui.bootstrap.datetimepicker',
        'ui.router',
        'infinite-scroll',
        // jhipster-needle-angularjs-add-module JHipster will add new module here
        'angular-loading-bar'
    ])
    .run(run);

run.$inject = ['$rootScope', 'stateHandler', 'translationHandler'];

function run($rootScope, stateHandler, translationHandler) {
    $rootScope.isEmbedded = function() {
        if(navigator.userAgent.indexOf('EMBEDDED')!=-1) {
            return true;
        };
        return false;
    };

    stateHandler.initialize();
    translationHandler.initialize();
}
})();

Answer 2

如果你正在使用ngRoute那么你应该有$ routeProvider，如果使用ui-router那么它是$ stateProvider - 你正在使用哪一个？由于您发布的错误似乎直接与$ stateProvider打交道，我认为这与模式限制无关。

获取未知提供商：$ stateProvider＆＃39; ng-pattern-restrict出错

2 个答案: