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

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大神在哪里

某草草
某草草

全員に返信(2)
某草草

スポーツストアにはカスタムフィルターの依存関係注入がありますか?

または、最初にcustomFiltersをsportsStoreに変更してみることもできます

いいねを押す +0
我想大声告诉你

リーリー

最初に sportsStore モジュールを作成し、その後、controllers/sportsStore.js を導入します。
sportsStore.js ファイルでは、angular.module("customFilters",[])修改为angular.module("customFilters") sportsStore モジュールがすでに作成されているため、再作成する必要はありません

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート