ng-repeat angulaire avec condition

Comment voulez-vous faire quelque chose comme cela dans angulaire avec ng-repeat?
Je vais utiliser l'exemple de la documentation qui inits un tableau avec 2 amis, que si je voulais seulement faire une répétez l'opération pour tous les amis qui sont de 26 et plus?

    <!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.0.6/angular.min.js"></script>
</head>
<body>
<div ng-init="friends = [{name:'John', age:25}, {name:'Mary', age:28}]">
I have {{friends.length}} friends. They are:
<ul>
<li ng-repeat="friend in friends">
[{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
</li>
</ul>
</div>
</body>
</html>

source d'informationauteur J.Pip

  1. 22

    Créer un filtre personnalisé.

    HTML:

    <html ng-app="someApp">

    et

    <li ng-repeat="friend in friends | age">

    JS:

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

someApp.filter('age', function() {
    return function(input, uppercase) {
        var out = [];
        for (var i = 0; i < input.length; i++) {
            if(input[i].age >= 26){
                out.push(input[i]);
            }
        }
        return out;
    }
});
  2. 12

    vous pouvez utiliser "ng-show="ami.age >=26" avec la ng-repeat="ami ami". il ne montrera que les amis qui l'âge est supérieur et égal à 26.

    <body>
<div ng-init="friends = [{name:'John', age:25}, {name:'Mary', age:28}]">
      I have {{friends.length}} friends. They are:
     <ul>
         <li ng-repeat="friend in friends" ng-show="friend.age >=26">
           [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
        </li>
    </ul>
</div>
</body>
  3. 6

    Ici est le travail violon

       $scope.call = function(a){

    if (a.age > 26)
        return true;
    else
        return false;

}
  4. 1

    J'ai utilisé un filtre dans ng-repeat: 

    <div ng-repeat="product in products | filter:{ colour: by_colour }">
  5. 0

    utilisation ng-si

    <li ng-repeat="friend in friends" ng-if="friend.age >=26"> {{friend.age}} </li>