AngularJs Comment filtrer ngRepeat avec un autre des éléments d'un tableau

Est-il une option de filtre de $scope.items où la ID existe pas dans la table $scope.myitems ?

ng-repeat="item in items | filter:{item.id == myitems}

Démo: http://codepen.io/anon/pen/rOeGYB

JS:

angular.module('myapp', [])
.controller("mycontroller", function($scope) {
$scope.items = [
{
"id": 1,
"name": "Melodie"
}, {
"id": 2,
"name": "Chastity"
}, {
"id": 3,
"name": "Jescie"
}, {
"id": 4,
"name": "Hamish"
}, {
"id": 5,
"name": "Germaine"
}, {
"id": 6,
"name": "Josephine"
}, {
"id": 7,
"name": "Gail"
}, {
"id": 8,
"name": "Thane"
}, {
"id": 9,
"name": "Adrienne"
}, {
"id": 10,
"name": "Geoffrey"
}, {
"id": 11,
"name": "Yeo"
}, {
"id": 12,
"name": "Merrill"
}, {
"id": 13,
"name": "Hoyt"
}, {
"id": 14,
"name": "Anjolie"
}, {
"id": 15,
"name": "Maxine"
}, {
"id": 16,
"name": "Vance"
}, {
"id": 17,
"name": "Ashely"
}, {
"id": 18,
"name": "Dominic"
}, {
"id": 19,
"name": "Cora"
}, {
"id": 20,
"name": "Bo"
}
];
$scope.myitems = ['0', '3', '6', '10', '19']
});

HTML:

<link href="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></link>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myapp" ng-controller="mycontroller" class="container">
<h4>My items</h4>
<ul class="list-group">
<li class="list-group-item" ng-repeat="item in items | filter:{}">{{item.name}}</li>
</ul>
<h4>Total items</h4>
<ul class="list-group">
<li class="list-group-item" ng-repeat="item in items">{{item.name}}</li>
</ul>
</div>

InformationsquelleAutor Mo. | 2015-09-17
  1. 10

    Votre problème est que vous essayez d'obtenir un match sur une sous-propriété de l'objet(s) que vous êtes à parcourir.

    De la documentation:

    Noter qu'une propriété nommée correspondra propriétés sur le même niveau
    seulement, alors que la spéciale de $ propriété propriétés du match sur le même
    niveau ou plus profond. E. g. un élément de tableau comme {name: {first: 'Jean', la dernière:
    'Doe'}} ne sera pas compensée par {nom: 'John'}, mais sera compensée par
    {$: 'John'}.

    Je vous recommande de vous rendre votre filtre personnalisé.
    J'ai changé votre code par la mise en œuvre de filtre personnalisé, de la copie de travail de votre exigence.

    <li class="list-group-item" ng-repeat='item in items | customArray:myitems:"id"'>{{item.name}}</li>

    Voir plunker ici https://codepen.io/anon/pen/PPNJLB

    InformationsquelleAutor Kashif Mustafa
  2. 7

    Utiliser cet excellent filtre à partir de cette réponse :

    https://stackoverflow.com/a/21171880/2419919

    .filter('inArray', function($filter){
return function(list, arrayFilter, element){
if(arrayFilter){
return $filter("filter")(list, function(listItem){
return arrayFilter.indexOf(listItem[element]) != -1;
});
}
};
});
    InformationsquelleAutor Moncef Hassein-bey
  3. 0
    angular.forEach($scope.items, function (v, k) { 
console.log($scope.myitems[v.id - 1]);
$scope.myitems[v.id- 1].name = v.name;
}, $scope.myitems);

    Juste pour quelques allusions. Espoir aide à

    InformationsquelleAutor Syed Ekram Uddin Emon
  4. 0

    Tha exemple ci-dessus donné par Kashif Mustafa fonctionne parfaitement.
    Le seul changement que nous avons eu à faire, c'est analyser l'ids dans les entiers de la chaîne.

    cshtml:

        <div ng-repeat="e in AllEntities | customArray:SelectedEntities:'id'">{{ e.label }}</div>

    contrôleur:

         var eIds = detail.entityIds;
var eArray = eIds.split(",");
if (eArray.length > 0) {
$scope.showEntities = true;
$scope.showNone = false;
for (var i = 0; i < eArray.length; i++) {
$scope.SelectedEntities.push(parseInt(eArray[i]));
}
}

    filtre:

    (your controller).filter('customArray', function ($filter) {
return function (list, arrayFilter, element) {
if (arrayFilter) {
return $filter("filter")(list, function (listItem) {
return arrayFilter.indexOf(listItem[element]) != -1;
});
}
};
});
    InformationsquelleAutor Neelima Ediga