Wie die filter-Eigenschaft ein leeres array?

Dies habe ich auf ng-repeat

<tr ng-repeat="website in websites">
    <td>{{website.url}}</td>
</tr>

Jeder website Objekt aus websites array sieht wie folgt aus:

{
  url: "example.com",
  groups: []
}

Frage: Wie kann man filter anwenden, um oben Schleife, so dass es zeigt nur Elemente, wo groups - Eigenschaft ein leeres array ist?

Dinge, die ich versucht habe:

data-ng-repeat="website in websites | filter: {groups: []}"
data-ng-repeat="website in websites | filter: !groups.length"
data-ng-repeat="website in websites | filter: groups.length === 0"

(keine Fehler in der Konsole, aber filtert alles)

data-ng-repeat="website in websites | filter: {groups: ''}"

(ist das Gegenteil von dem, was ich will, und zeigt nur die Elemente an, wo groups ist nicht ein leeres array)

data-ng-repeat="website in websites | filter: {groups: null}"

(wenn Sie statt des [] ich habe null verwendet, um zu bedeuten, es gibt keine Werte, das funktioniert, aber es scheint wirklich chaotisch...da würd ich ständig Ausschau nach groups Eigenschaft immer leer, und wenn er auf null manuell)

InformationsquelleAutor CodeVirtuoso | 2015-04-13
  1. 4

    Habe ich noch eine filter-Funktion im controller:

    JS:

    angular.module('myApp', [])
  .controller('myController', ['$scope',
    function($scope) {
      $scope.friends = [{
        name: 'John', phone: '555-1276', a: [1, 2, 3]
      }, { name: 'Mary',  phone: '800-BIG-MARY',  a: [1, 2, 3]
      }, { name: 'Mike', phone: '555-4321',  a: null
      }, { name: 'Adam', phone: '555-5678', a: []
      }, { name: 'Julie', phone: '555-8765', a: []
      }, { name: 'Juliette', phone: '555-5678', a: []
      }];

      $scope.filterFn = function(item) {
        //must have array, and array must be empty
        return item.a && item.a.length === 0;
      };

    }
  ]);

    In Ihre Vorlage ein:

    <table>
  <tr><th>Name</th><th>Phone</th><th>array len</th></tr>
  <tr ng-repeat="friend in friends | filter: filterFn">
    <td>{{friend.name}}</td>
    <td>{{friend.phone}}</td>
    <td>{{friend.a.length}}</td>
  </tr>
</table>

    Geändert Eckige Filter doc plnkr

    InformationsquelleAutor Remento
  2. 3

    Könnte man verwenden Komparator parameter wie dieses.

    <tr ng-repeat="website in websites | filter:{groups: []}:true">
    <td>{{website.url}}</td>
</tr>

    Angularjs offiziellen Dokument beschreiben die Bedeutung der true.

    gilt: Ein Kürzel für die Funktion(actual, expected) { return angular.equals(actual, expected)}. Dies ist im wesentlichen die strikte Gegenüberstellung von erwarteten und tatsächlichen.

    jsfiddle ist hier.

    • Ich glaube nicht, dass diese Lösung funktioniert.
    • Seltsam, diese genauen code filtert alles auf mein Ende.
    • naja... nicht mein jsfiddle Beispiel in Ihrem browser?
    • Ja, Ihre Geige funktioniert, aber aus irgendeinem Grund beim einfügen in meiner app wird es nicht funktionieren, und es gibt keine Fehler.
    • diese Lösung funktioniert nicht mit > 1.2.1
    • Hi @ipie! vielen Dank für Ihren Kommentar. Meinst du diese Lösung hängt von der version von angularjs? @Freelancer, Könnte Sie lassen Sie uns wissen, Ihre angularjs-version ?
    • ja. Getestet habe ich es in meinen eigenen fiddle und nur passte die eckige version. Es funktionierte, wenn ich es geändert 1.2.1, sondern bricht wenn ich auf 1.3
    • Ich verwende 1.4.0, so dass muss der Grund sein.
    • Ich sehe. Allerdings konnte ich nicht verstehen, das Dokument von 1,4 scheint beschreiben true option arbeiten. Ist das die Art von bug?
    • Es könnte sein, dass ich noch neu bin, Winkel, also immer noch lernen.

    InformationsquelleAutor yazaki
Schreibe einen Kommentar