angular.js - angular1运行程序报错
某草草
某草草 2017-05-15 17:12:17
0
2
703

1.angular//运行程序报错Error: [$injector:unpr] Unknown provider: uniqueFilterProvider <- uniqueFilter
2.相关代码

<!DOCTYPE html>
<html lang="en" data-ng-app="sportsStore">
<head>
    <meta charset="UTF-8">
    <title>SportsStore</title>
    <script src="angular.js"></script>
    <link rel="stylesheet" href="bootstrap-theme.css">
    <link rel="stylesheet" href="bootstrap.css">
    <script>
        angular.module("sportsStore", ["customFilters"]);
    </script>
    <script src="controllers/sportsStore.js"></script>
    <script src="filters/customFilters.js"></script>
</head>
<body ng-controller="sportsStoreCtrl">
<p class="navbar navbar-inverse">
    <a href="#" class="navbar-brand">SportsStore</a>
</p>
<p class="panel panel-default row">
    <p class="col-xs-3">
        <a href="" ng-click="selectCategory()" class="btn btn-default btn-block btn-lg">Home</a>
        <a href="" ng-repeat="item in data.products | orderBy:'category' | unique:'category' "
           ng-click="selectCategory(item)"
           class="btn btn-block btn-default btn-lg">{{item}}</a>
    </p>
    <p class="col-xs-8">
        <p class="well" ng-repeat="item in data.products">
            <h3>
                <strong>{{item.name}}</strong>
                <span class="pull-right label label-primary">{{item.price|currency}}</span>
            </h3>
            <span class="lead">{{item.description}}</span>
        </p>
    </p>
</p>
</body>
</html>

customFilters.js

angular.module("customFilters",[])
.filter("unique", function () {
    return function (data,propertyName) {
        if(angular.isArray(data)&&angular.isString(propertyName)){
var results=[];
            var keys={};
            for (var i=0;i<data.length;i++){
                var val=data[i][propertyName];
                if(angular.isUndefined(keys[val])){
                    keys[val]=true;
                    results.push(val)
                }
            }
            return results;
        }else {
            return data;
        }
    }
})

应该是过滤器的问题,我刚刚开始学,找不出哪里错了啊0 0大神在哪里

某草草
某草草

répondre à tous(2)
某草草

Votre magasin de sports dispose-t-il d'une injection de dépendances de filtres personnalisés ?

Ou vous pouvez d'abord essayer de changer customFilters en sportsStore

我想大声告诉你
<script>
    angular.module("sportsStore", ["customFilters"]);
</script>
<script src="controllers/sportsStore.js"></script>

Vous créez d'abord le module sportsStore, puis introduisez ensuite controllers/sportsStore.js
Dans le fichier sportsStore.js, angular.module("customFilters",[])修改为angular.module("customFilters"), car le module sportsStore a déjà été créé, il n'est pas nécessaire de le recréer

.
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!