Winkel-orderBy-Objekt möglich?

Habe ich ein JSON-Objekt, Kalender-Termine. Diese Hinzugefügt werden durch ein CMS und ich möchte in der Lage sein, Sie zu filtern, basierend auf dem Datum. Mein schema-set-up gemacht hat dies schwieriger als ich dachte. Ist es möglich, orderBy den Tag-Wert in diesem JSON-Objekt oder ist es ein filter Abhilfe?

Hier mein JSON-Objekt:

{
"_id" : ObjectId("53f252537d343a9ad862866c"),
"year" : {
    "December" : [],
    "November" : [],
    "October" : [],
    "September" : [],
    "August" : [],
    "July" : [ 
        {
            "day" : "21",
            "title" : "Event Title",
            "summary" : "Event Summary",
            "description" : "oEvent Description",
            "_id" : ObjectId("53f252537d343a9ad862866d")
        }
    ],
    "June" : [],
    "May" : [],
    "April" : [],
    "March" : [],
    "February" : [],
    "January" : []
},
"__v" : 0
}

Hier ist meine Ansicht, die bereits verwendet einen benutzerdefinierten filter filtern, indem Sie Monat. Die orderBy funktioniert nicht, aber ich habe es als Platzhalter, um zu zeigen, wo ich möchte, um die Funktionalität.

<div class="calDynamic" data-ng-repeat="n in [] | range:100">
<div ng-repeat="cal in calendar[n].year | filterKey:month">
  <div ng-if="cal != '' ">
    <div class="calendar">


    <div ng-repeat="item in cal | orderBy: 'key.day' ">

        <a href="/events/{{item.day}}">
          <article class="eventslist">
           <div class="numberedDate">
               <h3>{{item.day}}</h3>
            </div>
            <div class="calInfo">
               <h5>{{item.title}}</h5>
               <p>{{item.summary}}&nbsp;<a>more</a></p>
            </div>
           </article>


      </div><!-- ng-repeat val,key -->
</div><!-- calendar -->
</div><!-- ng-if cal -->
</div><!-- ng-repeat cal -->
</div><!-- calDynamic -->
InformationsquelleAutor byrdr | 2014-08-19
  1. 16

    Sollten Sie in der Lage, um eine benutzerdefinierte Sortierfunktion, die Arten, die von jedem Element in Ihrem Objekt. Der Schlüssel bit zu konvertieren das Objekt in ein array in der Funktion filter.

    Hier ein Beispiel: 

    app.filter('orderByDayNumber', function() {
  return function(items, field, reverse) {
    var filtered = [];
    angular.forEach(items, function(item) {
      filtered.push(item);
    });
    filtered.sort(function (a, b) {
      return (a[field] > b[field] ? 1 : -1);
    });
    if(reverse) filtered.reverse();
    return filtered;
  };
});

    Würden Sie dann nennen mag:

    <div ng-repeat="(key, val) in cal | orderByDayNumber: 'day' ">

    Hinweis, Sie sollten nicht schreiben val.day wie das ausgegangen ist.

    Aussehen auf diesem tollen blog hier posten für mehr info.

    BEARBEITEN: In der Tat, es sieht aus wie Ihre Struktur ist eigentlich schon ein array, so dass während diese Technik wird immer noch funktionieren, kann es nicht notwendig sein - es könnte nur die Art und Weise Sie wurden zusätzlich die parameter orderBy, die verursacht wurde Probleme.

    • Meinten Sie schreiben orderByDayNumber im filter statt orderBy?
    • Yup gerade behoben 🙂
    • Es funktioniert nicht mit meiner app. Die Logik macht Sinn, obwohl, ich poste die Antwort, wenn ich herauszufinden, warum es nicht funktioniert.
    • wie es aussieht bin ich der Rückkehr Linien von Objekten. 'Punkt' gibt {"Tag":"21","title":"ok","summary":"ok","description":"ok","_id":"53ee9f0fc6aed109c6d33cfd"}. Würde es möglich sein, schieben Sie diese in ein array zu filtern aus?
    • Wenn Sie in Aufmachungen ein plnkr oder ein jsfiddle mit den Daten, dann werde ich sehen, ob ich bekommen kann es arbeiten. Der einfachste Weg dies zu tun ist, um eine plnkr oder jsfiddle mit einer codebase und Gabel, und fügen Sie Ihre änderungen. Try this one: jsfiddle.net/rapsac/sfzt3562
    • Ich habe ein jsfiddle...mein scope Variablen sind-nicht wieder aus irgendeinem Grund jetzt, aber das ist der Kern der app. jsfiddle.net/rtbyrd21/sfzt3562/21
    • Quelle : justinklemm.com/angularjs-filter-ordering-objects-ngrepeat
    • (Der link zu dem blog-post ist der gleiche wie der link, den Sie zur Verfügung gestellt)
    • Dies entfernt die Schlüssel, wie kann ich immer noch den Schlüssel?

    InformationsquelleAutor Caspar Harmer
Schreibe einen Kommentar