Ionic AngularJS Aufspaltung Ereignisse nach Datum

Question

Ich bin derzeit Ereignisse von Google Calendar und Anzeigen von ihnen in den Bildschirm, ist dies die html ziehen:

<div class="list card" data-ng-repeat="x in items"> 

<div class="item item-avatar"> 
    <img src="image.jpg"> 
    <h2>{{x.summary}}</h2> 
    <p>{{x.ncreated}}</p> 
    </div> 

    <div class="item item-body"> 

    <p> 
    {{x.description}} 
    </p> 
    <p> 
</div> 

ncreated ist das Datum und die Uhrzeit des Termins. Was ich tun möchte, ist etwas HTML für jeden Tag hinzufügen, wenn das Datum heute übereinstimmen möchte ich einen Abstandhalter mit etwas Text sagen TODAY APPOINTMENTS und dann das gleiche für TOMMOROW dann dann MONTH.

Ich finde es schwer herauszufinden, wie man diese html abhängig von dem Datum, wo machst du die Logik und wie wirkt es sich auf das HTML? Nicht sicher, ob dies relevant ist, aber hier ist das Snippet in der Steuerung:

for (a=0;a<$scope.items.length;a++){ 
     //crt=$scope.items[a].created; 

     if($scope.items[a].status == "confirmed"){ 
      console.log($scope.items[a].status); 
     crt=$scope.items[a].start.dateTime; 
     svals=crt.split("T"); 
     dvals=svals[0].split("-"); 
     tvals=svals[1].split(":"); 
     ncreated=dvals[2]+"/"+dvals[1]+"/"+dvals[0]; 
     ncreated+=" "+tvals[0]+":"+tvals[1]; 
     $scope.items[a].ncreated=ncreated; 
     } 
    } 

Answer 1

Sie können einen Anruf hinzufügen, in Ihrem Controller mit Datum als Parameter funktionieren. Es ist so etwas wie dieses:

<div class="list card" data-ng-repeat="x in items"> 

<div class="item item-avatar"> 
    <img src="image.jpg"> 
    <h2>{{x.summary}}</h2> 
    <p>{{x.ncreated}}{{addSomeHtml(x.ncreated)}}</p> 

    </div> 

    <div class="item item-body"> 

    <p> 
    {{x.description}} 
    </p> 
    <p> 
</div> 

Und in Ihrem Controller-Funktion $ Rahmen hinzufügen:

$scope.addSomeHtml = function(date){ 

} 

die comparaison zwischen Terminen zu tun, ist simpest Weg Moment.js zu verwenden.