代码之家 › 专栏 › 技术社区 › Juan I. Morales Pestana

错误:[$注入器:unpr]rangeFilterProvider中出错

angularjs-filter angularjs-ng-repeat angularjs

Juan I. Morales Pestana · 技术社区 · 6 年前

我正在开发一个angularjs应用程序,我试图使用ng repeat指令,但有一个范围过滤器,但根本不起作用。

代码如下:

<div class="col-md-offset-2 row" ng-repeat="n in []|range:5">
    <div class="col-md-offset-1 col-md-10">
        <input type="email" name="email[]" ng-model="proveedor.emails[{{$index}}]" placeholder="usuario@dominio.com" class="form-control"/>
    </div>
    <div class="1">
        <a href="javascript:;" data-repeater-delete="" class="btn btn-danger">
            <i class="fa fa-close"></i>
        </a>
    </div>
</div>

如果我删除rage过滤器并将表达式替换为以数组为目标,所有这些都可以正常工作。

这就是错误所在

Error: [$injector:unpr] http://errors.angularjs.org/1.6.9/$injector/unpr?p0=rangeFilterProvider%20%3C-%20rangeFilter
Stack trace:
K/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:7:76
gb/p.$injector<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:46:64
d@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:43:309
gb/s<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:46:124
d@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:43:309
ed/this.$get</<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:166:472
W@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:128:106
W/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:126:172
r@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:8:5
W@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:126:151
compile@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:241:194
parse@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:266:183
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:131:214
$watchCollection@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:147:226
compile/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:317:29
Ra/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:17:132
va@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:85:426
p@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:71:93
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:388
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:405
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:405
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:405
p@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:71:33
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:388
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:405
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:405
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:405
da/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:11
compile/<@http://localhost/sicocme-angular/assets/bower_components/angular-ui-router/release/angular-ui-router.min.js:7:24939
Ra/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:17:132
va@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:85:426
p@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:71:93
f@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:388
da/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:62:11
W/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:67:138
l@http://localhost/sicocme-angular/assets/bower_components/angular-ui-router/release/angular-ui-router.min.js:7:23860
compile/</<@http://localhost/sicocme-angular/assets/bower_components/angular-ui-router/release/angular-ui-router.min.js:7:24280
$broadcast@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:153:403
w/z.transitionTo/z.transition<@http://localhost/sicocme-angular/assets/bower_components/angular-ui-router/release/angular-ui-router.min.js:7:19271
h/<@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:137:167
$digest@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:148:130
$apply@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:151:353
l@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:103:165
t@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:108:228
yg/</A.onload@http://localhost/sicocme-angular/assets/bower_components/angular/angular.min.js:109:139
 <!-- ngRepeat: n in []|range:5 --> angular.js:14800:15

我也阅读了angularjs错误站点中的文档,但我不知道为什么提供商不知道。

我的主模块

var SicocmeApp = angular.module("SicocmeApp", [
    "ui.router",
    "ui.bootstrap",
    "oc.lazyLoad",
    "ngSanitize"
])

外部js中的控制器(单独加载)

angular.module('SicocmeApp').controller('AdicionarProveedorController', function ($rootScope, $scope, $http, $timeout) {

});

提前感谢!

1 回复 | 直到 6 年前

lilo 6 年前

根据angularjs文档,范围不是本机筛选器。这就是为什么它会犯这样的错误。因为找不到该筛选器。

检查 this doc for what is available. 您始终可以创建一个新过滤器,使用$过滤器使“范围”工作。