Angular JS Filter in JavaScript

Question

Ich habe ein Array von Objekten, die mit AngularJS an meinen HTML-Code gebunden sind. Wenn auf eine Schaltfläche geklickt wird, möchte ich den Inhalt des Arrays filtern und nur bestimmte Elemente im Array anzeigen. Jedes Element im Array hat mehrere Eigenschaften und ich möchte nach der Eigenschaft "mapid" filtern. Hier ist mein Code:

Kartenansicht:

<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 }) 
} 

}) 

ich einen [$ Injektor: UNPR] Fehler mit diesem Code angular.min.js: 117 Fehler: [$ Injektor : UNPR] http://errors.angularjs.org/1.5.7/ $ Injektor/UNPR p0 = mapfilterFilterProvider% 20% 3C-% 20mapfilterFilter

Link zum Controller: https://jsfiddle.net/jpking72/7woyjs67/

Answer 1

Es kann sein, Sie mapfilter nicht definiert haben, oder mapfilter in einem Modul definiert Sie

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

oder

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