10
votes

Comment effacer un filtre - angularjs

Je suis très nouveau à Angularjs et jouait avec des filtres aujourd'hui. J'ai pu appliquer le filtre filtre pour afficher uniquement des lignes correspondant aux critères des menus sélectionnés. Cependant, je n'ai pas pu ajouter de fonction "filtre clair" sur le bouton. Comment puis-je réinitialiser le filtre lorsque le bouton est cliqué sur le bouton?

Dans le plumnler suivant, vous pouvez voir le code que j'utilisais dans les tentatives d'accès à cette question: PLUCKER - Angularjs échantillon


0 commentaires

3 Réponses :


25
votes

Vous pouvez utiliser ng-cliquez sur pour lier le gestionnaire de clic pour effacer Query variable dans une portée.

http://plnkr.co/edit/p1dnov


2 commentaires

Merci. C'était vraiment utile.


Si je veux seulement effacer filtrer la chambre à coucher, j'ai essayé $ portée.Query.bedroom = {} sa ne fonctionne pas



28
votes

La directive ng-cliquez sur peut être utilisée pour définir le modèle de filtrage sur n'importe quel faux False Valeur JavaScript, telle que '' << / code>, non défini , null ou {} .

Dans le code suivant, cliquez sur le DIV Réinitialiserait le modèle CustomFilter . xxx

Voici un lien vers une fourchette mise à jour de votre projet Plunker à l'aide de l'angulaire V1.4.1


4 commentaires

Une méthode très rapide et soignée sans avoir à ajouter une fonction de clic au contrôleur. Très simple.


Ce conseil m'a aidé. Cependant, j'ai trouvé le nettoyage de l'entrée NG-Model n'a pas résolu mon problème, je devais effacer l'objet de filtre E.g . Donc effacer


@Joekir j'ai ajouté un "type d'entrée =" texte "NG-Model =" FOO "> Exemple sur le plunker que j'ai fourni un lien pour ma réponse.


Comment appliquer votre solution sur



0
votes

Cet exemple vous aidera à effacer les filtres si vous utilisez le filtre de table NG xxx

Vous pouvez effacer le filtre de ng-clic comme ci-dessous xxx


0 commentaires