Le filtre ng-repeat affiche tous les éléments si aucun filtre n'est sélectionné

J'ai un ng-repeat filtre qui utilise un <select> menu filtrer à travers un tas de pays.

Par exemple:

<div class="col-md-3 col-sm-6" ng-repeat="item in listings | filter: { location: locationFilter }">

Comment puis-je faire en sorte que si rien n'est sélectionné, il affiche automatiquement TOUS les pays? Et ne commence filtrage une fois qu'un pays est sélectionné?

Je suis sûr que c'est probablement une question simple mais je suis nouveau à cela et ne pouvait pas trouver comment le faire.

Merci!

source d'informationauteur KriiV | 2015-01-27

  1. 25

    Si l'expression de filtre retourné undefinedle filtre ne s'applique pas. Donc, vous pourriez faire quelque chose comme ce qui suit:

    <div ng-repeat="item in listings | filter:(!!locationFilter || undefined) && {location: locationFilter}">
   {{item}}
</div>

    (!!locationFilter poignées ''falsy et undefined valeurs)

    plunker

  2. 3

    Je vous conseille de conserver une simple déclaration dans votre ng-repeat | filter

    Puis dans votre <select> tag, ajouter un champ pour Tous les comme ceci :

    <select ng-model="search.filter">
    <option value="{{undefined}}">All</option>
    <option ng-repeat="field in locations" value="field">field</option>
</select>
  3. 2

    J'ai essayé et cela a fonctionné

     <select ng-options="model.FeatureVersion as model.FeatureVersion for model in PostDataResponse" ng-model="featureVersion">
             <option value="">All</option>
            </select>
<table>
    <tr ng-repeat="model in PostDataResponse  | filter:{FeatureVersion: !!featureVersion?featureVersion: undefined  }">
        <td>{{model.ClientId}}</td>
    </tr>
</table>
  4. 0

    Ici est le violon comment j'ai réaliser cette http://jsfiddle.net/L5wcgdhy/:-

    HTML:-

    <div ng-controller="MyCtrl">
 <select ng-model="filter.categoryId">
        <option value="!!"></option>
        <option ng-repeat="category in categories" value="{{category.id}}">{{category.id}}</option>
    </select>
    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Category</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="record in records | filter:filter">
                <td>{{record.title}}</td>
                <td>{{record.categoryId}}</td>
            </tr>
        </tbody>
    </table>
</div>

    Ctrl:-

    function MyCtrl($scope) {
    $scope.categories = [
        {id: 1},
        {id: 2},
        {id: 3}
    ];

    $scope.filter = {categoryId: "!!"};

    $scope.records = [
        {title: "I'm in category #1!", categoryId: 1},
        {title: "Category 1 is for suckas. #2 ya'll!", categoryId: 2},
        {title: "Three is best", categoryId: 3}
    ];
}