Angular JS JavaScriptのフィルタ

Question

私はAngularJSでHTMLにバインドされたオブジェクトの配列を持っています。ボタンをクリックすると、配列の内容をフィルタリングし、配列内の特定の項目のみを表示します。配列の各要素にはいくつかのプロパティがあり、 "mapid"プロパティでフィルタリングしたい。ここに私のコードは次のとおりです。

マップビュー：このコードのエラー angular.min.js：117エラー：[$インジェクター：

<span ng-class="mapArray[0]" ng-click="MapView(0)" class="active">All Maps</span> | 
<span ng-class="mapArray[1]" ng-click="MapView(1)">Public Art</span> | 
<span ng-class="mapArray[2]" ng-click="MapView(2)">City of Houston</span> | 
<span ng-class="mapArray[3]" ng-click="MapView(3)">Gallery Guide</span></p></div> 

var listingsApp = angular.module('listingsApp', []); 

listingsApp.controller('pageController', function ($scope, $sce, $filter, $http, $log, $compile) { 

$scope.MapView = function (mapviewid) { 
    $scope.mapviewid = mapviewid; 
    $scope.mapListings = $filter('mapfilter')($scope.allListings, { mapid : mapviewid }) 
} 

}) 

私は[UNPR $インジェクター]を取得します：？コントローラへのUNPR] http://errors.angularjs.org/1.5.7/ $インジェクター/ UNPR P0 = mapfilterFilterProvider％20％3C-％20mapfilterFilter

リンク：https://jsfiddle.net/jpking72/7woyjs67/

Answer 1

それはあなたがmapfilterを定義していなかったかもしれ、またはmapfilterはつまり、あなたがあなたのモジュールへの依存関係として宣言していないモジュールに

module('myapp', []).filter('mapfilter', function(){ ... }) 

またはあなたが宣言した

module('myapp', ['moduleWithMapFilter'])