clearing-filter in angularJS mithilfe von select

Ich die ngOptions Richtlinie in das HTML unten angegeben: 

<select ng-model="selectedGroupToShow.Id" ng-options="g.Id as g.Name for g in myGroups">
    <option value>-- All --</option>
</select>

Den filter verwende ich in ng-repeat zu zeigen, dass meine Daten geht so:

filter:{GroupId:selectedGroupToShow.Id}"

Selbst wenn ich 

filter:selectedGroupToShow

das Problem bleibt das gleiche.Zurücksetzen der filter..

Dieser funktioniert einwandfrei, aber wenn ich will, um den filter zu löschen (wählen Sie die Standard-option 'Alle') es werden nur Daten anzeigen, die nicht GroupId Parametersatz an alle.

Wie kann ich ALLE Daten (clear-filter), wenn die Auswahl der Standard-option-element innerhalb wählen?

InformationsquelleAutor trainoasis | 2014-02-17
  1. 23

    Ich glaube, ich verstehe Ihr problem und das Problem, das Sie konfrontiert sind, ist, wenn dropdown ausgewählt, um --ALLE-- Ihr Wert ist null und nicht undefined.
    Also, um es zurückzusetzen, die Sie haben, um es für nicht definiert.

    <div ng-repeat="item in items| filter:{itemId:selectedGroupToShow.Id||undefined}">
         {{item.itemId}}
</div>

    Entnehmen Sie bitte der unten Geige, die ich erstellt habe für dein problem.

    fiddle

    • Du richtig verstanden:) Leider Wenn ich || undefiniert wie hast du Sie oben gezeigt wird, bekomme ich eine Fehlermeldung. Wenn ich versuche Armschienen () um, es bleibt null, wenn "Alle" ausgewählt ist. Ich benutze den zweiten filter in meinem Frage -> ng-repeat="item in items | filter:searchItemsText | filter:selectedGroupToShow || undefiniert". Ich wahrscheinlich verwenden falsche Struktur für || ?
    • Ich habe gerade verwendet Ihre syntax mit parameter:Wert und es funktionierte, ich lass es so. Danke!!!
    • dennoch, wenn Sie wissen, wie das zu erreichen ist die gleiche Sache mit dem filter schrieb ich im ersten Kommentar oben, ich würde gerne wissen, wie
    • Ich denke, Element ist ein json-Objekt, das Sie verwenden, wenn ja, dann fürchte ich, zu sagen, wie wird dein filter:searchItemsText funktionieren wird, da auf welcher Grundlage sollte es filter den Wert ein. Wenn Sie erstellen ein Turnschuh für dein problem mit der genauen Objekt-Struktur, dann könnten wir in der Lage, Ihnen zu helfen.
    • searchItemsText ist nicht das Problem, Sie können sich verlassen, dass man aus (es funktioniert). Ich hatte nur Probleme mit der Umwandlung Ihrer Antwort auf die Arbeit mit der zweiten oben genannten filter
    InformationsquelleAutor Sai
  2. 1

    Habe ich es auf diese Weise, einfach mit einem leeren String-Wert.

    Hoffe, dass es jemand helfen könnte.

    JADE-code:

    select.form-control(ng-model="productType", ng-init="productType='free'")
        option(value="free") FREE
        option(value="interest") INTEREST
        option(value="hybrid") HYBRID
        option(value="") ALL

.col-sm-6.col-md-4.col-lg-3(ng-repeat="product in productList | filter:{ type :productType }") {{product.name}}
    InformationsquelleAutor Alejandro Teixeira Muñoz
Schreibe einen Kommentar