Wie zeige ich eine Nachricht pro Tag aus Objekt-Array

Question

Ich habe ein Objekt-Array mit einem Objekt für jeden Tag (max 30). Jeder Tag hat Besprechungsdetails, die ich täglich zeigen möchte. Also, wie durchquere ich das Array, um eine Nachricht pro Tag auszuwählen und anzuzeigen?

Das Objekt Array ist wie folgt:

{ 
    "meetings": [{ 
    "date": "07/06/2016", 
    "startTime": "15.00", 
    "finishTime": "16.00", 
    "subject": "local community" 
    }, { 
    "date": "08/06/2016", 
    "startTime": "12.00", 
    "finishTime": "12.30", 
    "subject": "environment" 
    }, { 
    "date": "09/06/2016", 
    "startTime": "12.00", 
    "finishTime": "13.00", 
    "subject": "local community" 
    }] 
} 

Dank

Answer 1

wenn ich das Problem richtig zu verstehen. dass Sie nur eine Nachricht pro Tag haben möchten, auch wenn mehrere im Array vorhanden sind. Der einfachste Weg wäre, sie in eine Karte umzuwandeln.

, wenn Sie die letzte Meldung für ein bestimmtes Datum zeigen wollen, dann tun dies

var data = { "meetings" : [...]}; 
var messages = {}; 
for(var message of data.meetings) { 
    messages[message.date] = message; 
} 

wenn Sie die erste Meldung für ein bestimmtes Datum zeigen wollen, dann müssen Sie nur eine if-Anweisung

hinzufügen

var data = { "meetings" : [...]}; 
var messages = {}; 
for(var message of data.meetings) { 
    if(!messages[message.date]) { 
    messages[message.date] = message; 
    } 
} 

Update: wenn Sie die Nachrichten erhalten möchten, können Sie eine Karte von Arrays verwenden

Sie können dann die siebte Nachricht finden (in der Reihenfolge ihres Auftretens in dem Array) für einen bestimmten Tag mit dem folgenden Code

var message = messages["01/01/2012"][6]; 

Answer 2

app.js (wo Ihre JSON-Datei meetings.json genannt wird)

var app = angular.module('Meetings', []); 

app.factory('meetings', ['$http', function($http) { 
    return $http.get('meetings.json') 
     .success(function(data) { 
      return data; 
     }) 
     .error(function(data) { 
      console.log("error"); 
      return data; 

     }); 
}]); 


app.controller('HomeController', ['$scope', 'meetings', function($scope, meetings) { 
    meetings.success(function(data){ 
    $scope.meeting = data; 
}); 
}]); 

index.html

<div ng-repeat="day in meeting.meetings"> 
    <p>{{day.date}}</p> 
    <p>{{day.startTime}}</p> 
    <p>{{day.finishTime}}</p> 
    <p>{{day.subject}}</p> 
</div> 

ich hoffe, das ist das, was Sie gefragt.